更改侧边栏导航绑定click事件的方式，增加子页面内打开标签页的示例

README.md

@@ -50,8 +50,11 @@
 - Bootstrap-Multitabs
 
 #### 更新记录
-2020.07.02
-修复ui_other.html在页面缩小时的bug
+2020.08.*
+更改侧边栏导航绑定click事件的方式，增加子页面内打开标签页的示例
+
+2020.07.*
+修复ui_other.html在页面缩小时的bug，新增一些辅助类
 
 2020.06.19
 新增通用样式，调整复选框单选框换行后左侧空白问题，修复bootstrap-table.min.js文件，调整tags插件

js/index.min.js

@@ -12,7 +12,7 @@ jQuery( function() {
 	});
     
     // 侧边栏
-    $(".lyear-aside-toggler").bind('click', function(){
+    $(document).on('click', '.lyear-aside-toggler', function() {
         $('.lyear-layout-sidebar').toggleClass('lyear-aside-open');
         $("body").toggleClass('lyear-layout-sidebar-close');
         
@@ -21,7 +21,7 @@ jQuery( function() {
         } else {
             $( '.lyear-mask-modal' ).remove();
         }
-        $('.lyear-mask-modal').on( 'click', function() {
+        $(document).on('click', '.lyear-mask-modal', function() {
             $( this ).remove();
         	$('.lyear-layout-sidebar').toggleClass('lyear-aside-open');
             $('body').toggleClass('lyear-layout-sidebar-close');
@@ -29,7 +29,7 @@ jQuery( function() {
     });
     
 	// 侧边栏导航
-	$( '.nav-item-has-subnav > a' ).on( 'click', function() {
+    $(document).on('click', '.nav-item-has-subnav > a', function() {
 		$subnavToggle = jQuery( this );
 		$navHasSubnav = $subnavToggle.parent();
         $topHasSubNav = $subnavToggle.parents('.nav-item-has-subnav').last();
@@ -93,7 +93,7 @@ jQuery( function() {
         }]
     });
     
-    $('.nav-item .multitabs').bind('click', function(){
+    $(document).on('click', '.nav-item .multitabs', function() {
         $('.nav-item').removeClass('active');
         $('.nav-subnav li').removeClass('active');
         $(this).parent('li').addClass('active');

js/main.min.js

@@ -75,7 +75,7 @@ jQuery( function() {
 	});
 	
 	// iframe打开tab
- 	$('.js-create-tab').on('click', function(){
+    $(document).on('click', '.js-create-tab', function() {
  	    parent.$(parent.document).data('multitabs').create({
  	        iframe : true,
  	        title : $(this).data('title') ? $(this).data('title') : '标题',

lyear_ui_other.html

@@ -19,6 +19,18 @@
   <div class="row">
     <div class="col-md-12">
       <div class="card">
+        <header class="card-header"><div class="card-title">子页面打开TAB页签</div></header>
+        <div class="card-body">
+          
+          <div class="border-example">
+            <a href="#!" class="js-create-tab" data-title="测试页面" data-url="README.md">打开页签</a>
+          </div>
+          
+        </div>
+      </div>
+    </div>
+    <div class="col-md-12">
+      <div class="card">
         <div class="card-header"><h4>标签</h4></div>
         <div class="card-body">