jQuery onclick 事件为打开视图页面添加动态选项卡

Posted 2023-05-08

【中文标题】jQuery onclick 事件为打开视图页面添加动态选项卡

【英文标题】：jQuery onclick event to add Dynamic Tabs for opening view page

【发布时间】：2019-12-20 15:26:14

【问题描述】：

我想在 jQuery 事件的动态选项卡中打开查看页面

我的可点击链接

<li id="btnhtml">
<a href="#">  text </a></li>

jQuery 代码动态添加选项卡并在选项卡中打开视图页面。

  var tabs = $('#tabs').bootstrapDynamicTabs().addTab(
        title: 'Home',
        Url: '/tab/ajax/file.html',
        id: 'ajax',
        ajaxUrl: '/tab/ajax/file.html',
        loadScripts: '/tab/js/load.js',
        loadStyles: ['/tab/css/test.css', '/tab/css/test2.css'],
        active: true,
        allowClose: false
    );

    $('#btnHtml').click(function () 
        tabs.addTab(

            title: 'example',
            type: 'POST',
            Url: "@Url.Action("Rep_Contracts", "Home")",
            id: 'ajax',
            ajaxUrl:  "@Url.Action("Rep_Contracts", "Home")",
            loadScripts: '/tab/js/load.js',
            loadStyles: ['/tab/css/test.css', '/tab/css/test2.css'],
            active: true,
            allowClose: false
        )
    );

第一个标签可以正常工作，但是当点击链接打开第二个标签时，它不起作用。打开页面url有什么问题？

【问题讨论】：

嗨 Mitra，我认为问题出在 id 的（id 必须是唯一的）id：'ajax'（请检查这个）上。问候

嗨@vekay，tnx alot，问题解决了。

不客气

【参考方案1】：

tnx 到 @vekay 为他/她的帮助 cmets。问题已解决