github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(tab): 新增 `lay-for` 属性

pull/2341/head
sight 2024-11-20 10:37:45 +08:00
parent 369071a5fe
commit 71c386e9a9
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/modules/element.js
View File

@ -36,8 +36,8 @@ layui.define('jquery', function(exports){
Element.prototype.tabAdd = function(filter, options){
var tabElem = $('.layui-tab[lay-filter='+ filter +']');
var titElem = tabElem.children(TITLE);
var barElem = titElem.children('.layui-tab-bar');
var contElem = tabElem.children('.layui-tab-content');
var contentTarget = tabElem.attr('lay-for');
var contElem = contentTarget ? $(contentTarget) : tabElem.children('.layui-tab-content');
var li = '<li'+ function(){
var layAttr = [];
layui.each(options, function(key, value){
@ -48,7 +48,7 @@ layui.define('jquery', function(exports){
return layAttr.join(' ');
}() +'>'+ (options.title || 'unnaming') +'</li>';
barElem[0] ? barElem.before(li) : titElem.append(li);
titElem.children('li').eq(-1).after(li);
contElem.append('<div class="layui-tab-item" ' + (options.id ? 'lay-id="' + options.id + '"' : '') + '>'+ (options.content || '') +'</div>');
// call.hideTabMore(true);
// 是否添加即切换
@ -135,9 +135,13 @@ layui.define('jquery', function(exports){
var parents = options.headerElem
? othis.parent()
: othis.parents('.layui-tab').eq(0);
var item = options.bodyElem
// 自定义 content 区域位置
var contentTarget = parents.attr('lay-for');
var item = options.bodyElem
? $(options.bodyElem)
: parents.children('.layui-tab-content').children('.layui-tab-item');
: contentTarget
? $(contentTarget).children('.layui-tab-item')
: parents.children('.layui-tab-content').children('.layui-tab-item');
var elemA = othis.find('a');
var isJump = elemA.attr('href') !== 'javascript:;' && elemA.attr('target') === '_blank'; // 是否存在跳转
var unselect = typeof othis.attr('lay-unselect') === 'string'; // 是否禁用选中
@ -190,7 +194,10 @@ layui.define('jquery', function(exports){
var li = othis || $(this).parent();
var index = li.parent().children('li').index(li);
var tabElem = li.closest('.layui-tab');
var item = tabElem.children('.layui-tab-content').children('.layui-tab-item');
var contentTarget = tabElem.attr('lay-for');
var item = contentTarget
? $(contentTarget).children('.layui-tab-item')
: tabElem.children('.layui-tab-content').children('.layui-tab-item');
var filter = tabElem.attr('lay-filter');
var hasId = li.attr('lay-id');