0

很抱歉问这个问题，我是 jquery 的新手，但是我无法让它工作。我有一个使用 jeasyui 的应用程序，它使用左侧的树，从 json 文件构建。

当用户根据来自 json 的 URL 参数单击树的节点时，会打开一个新选项卡。到目前为止一切顺利。选项卡包含一些链接，我的问题是，当单击该链接时，它总是加载到一个新窗口中。我想要实现的是从标签中加载的页面打开链接，在同一个打开的标签中，从它被点击的地方。

为了从树中动态添加选项卡，我使用以下内容：

<script type="text/javascript"> 
$(function(){   
 $('#tree_menu').tree({    
    animate:true,    
    <!--checking what it was clicked form tree--!>
     onClick: function open1(node){
            <!--if exists, select it--!>
                    if ($('#tabs').tabs('exists',node.text)){
                        $('#tabs').tabs('select', node.text);
                    <!--if not open it--!>
                    } else {
                            $('#tabs').tabs('add',{
                                title: node.text,
                                    closable:true, 
                                    href:node.url,
                                tools:[{  
                            iconCls:'icon-mini-refresh',  
                            handler:function(){  
                            alert('refresh');  
                    }  
                    }]

                    });
                    }
        }
    });     
}); 
</script>

这是html代码： 

    <div data-options="region:'west',split:true" title="Main Menu" style="width:250px;">
        <div class="easyui-accordion" data-options="fit:true,border:false">



            <div title="Tree:" style="padding-top:10px;">
                    <ul id="tree_menu" class="easyui-tree" data-options="url:'../layout/tree_data1.json',animate:true,dnd:true"></ul>
            </div>

            <div title="Tips&Tricks" style="padding:10px">
                Tips&Tricks
            </div>
        </div>
    </div>

    <div data-options="region:'center'"> 
        <div id="tabs" class="easyui-tabs" data-options="fit:true,border:false,plain:true" style="padding-top:5px">
            <div title="About" data-options="href:'../layout/_content.html'" iconCls="icon-ok" closable="true" style="padding:10px"></div>
    </div>
</div>

我可以找到一种方法，在选项卡中嵌入 iframe，但这不是我想要的，因为我想使用选项卡的嵌入功能/方法，以及 easyui 所具有的不错的预加载器。

拜托，有人可以帮我一些有效的代码吗？已经2天多了，因为我尝试没有成功。:(

谢谢

4

1 回答 1

0

你试过这个吗？

$('#example').tabs({
load: function(event, ui) {
$('a', ui.panel).live('click', function() {
    $(ui.panel).load(this.href);
    return false;
});
}
});
于 2013-01-17T01:25:44.400 回答