加载url脚本时的语义ui选项卡在选项卡中不起作用

Semantic-ui tabs when loading url scripts are not working in the tab

本文关键字:选项 不起作用 ui 语义 url 脚本 加载      更新时间:2023-09-26

我遇到了一个问题,当我将url加载到选项卡中时,父页面上的脚本(如下拉菜单等)在该选项卡中不起作用,因此为了使新的选项卡内容起作用,我必须将所有脚本添加到我调用的页面中,这是我不想做的。如果我在没有通过url加载的情况下手动添加父页面中的内容,那么一切都可以,但我更喜欢加载页面。因此,如果我想动态加载另一个页面的html,这是通过语义ui使其工作的另一种方式,还是应该使用pjax?

您可以在js中使用语义UI"api设置"。

选项卡的API设置;

$.fn.api.settings.api = {
    'get gallery'       : '/gallery.html',
    'get youtube'       : '/youtube.html'
};

请看一下工作示例:JSFiddle。我希望这对你有帮助!

对于那些可能与我有相同问题的人。。。经过数小时的搜索,我发现并意识到,为了让脚本发挥作用,我必须将它们包含在.js文件中,而不是在父页面中使用,因为在加载新页面后,脚本已经执行。因此,要么将内联脚本包含在.js文件中,要么将其包含在正在加载的页面中,但除非将其包含到.js文件,否则不要将其包含在内。pjax也是如此。