Question

很抱歉这个问题，我是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天了，因为我没有成功。：（

谢谢

Answer 1

你试过这个吗？

$('#example').tabs({
load: function(event, ui) {
$('a', ui.panel).live('click', function() {
    $(ui.panel).load(this.href);
    return false;
});
}
});

jQuery easyui加载链接在同一个打开的选项卡中（从它被点击的位置）

1 个答案: