Browse Source

调整tags插件

笔下光年 5 years ago
parent
commit
1b1424ecf9
3 changed files with 8 additions and 7 deletions
  1. 1 1
      README.md
  2. 6 5
      js/main.min.js
  3. 1 1
      lyear_js_tags_input.html

+ 1 - 1
README.md

@@ -51,7 +51,7 @@
 
 
 #### 更新记录
 #### 更新记录
 2020.06.19
 2020.06.19
-新增通用样式,调整复选框单选框换行后左侧空白问题,修复bootstrap-table.min.js文件
+新增通用样式,调整复选框单选框换行后左侧空白问题,修复bootstrap-table.min.js文件,调整tags插件
 
 
 2020.06.14
 2020.06.14
 新增label样式,调整datepicker插件样式和使用,调整silders插件样式和皮肤,改td垂直居中
 新增label样式,调整datepicker插件样式和使用,调整silders插件样式和皮肤,改td垂直居中

+ 6 - 5
js/main.min.js

@@ -15,15 +15,16 @@ jQuery( function() {
     }
     }
     
     
     // 标签
     // 标签
-	if($('.js-tags-input')[0]) {
-		$('.js-tags-input').tagsInput({
-			height: '36px',
+	$('.js-tags-input').each(function() {
+        var $this = $(this);
+        $this.tagsInput({
+			height: $this.data('height') ? $this.data('height') : '38px',
 			width: '100%',
 			width: '100%',
-			defaultText: $('.js-tags-input').attr("placeholder"),
+			defaultText: $this.attr("placeholder"),
 			removeWithBackspace: true,
 			removeWithBackspace: true,
 			delimiter: [',']
 			delimiter: [',']
 		});
 		});
-	}
+    });
     
     
     // 时间选择
     // 时间选择
 	jQuery('.js-datetimepicker').each(function() {
 	jQuery('.js-datetimepicker').each(function() {

+ 1 - 1
lyear_js_tags_input.html

@@ -24,7 +24,7 @@
         <div class="card-header"><h4>标签插件</h4></div>
         <div class="card-header"><h4>标签插件</h4></div>
         <div class="card-body">
         <div class="card-body">
           
           
-          <input class="form-control js-tags-input" type="text" id="example-tags" name="tags" placeholder="请输入标签" value="光年,黄金瞳">
+          <input class="form-control js-tags-input" type="text" id="example-tags" name="tags" data-height="38px" placeholder="请输入标签" value="光年,黄金瞳">
  
  
         </div>
         </div>
       </div>
       </div>