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

Question

我遇到一个问题，当我将 url 加载到选项卡时，父页面上的脚本（例如下拉列表等）在该选项卡内不起作用，因此为了制作新的选项卡内容工作我必须将所有脚本添加到我不想做的事情中调用的页面。如果我在父页面中手动添加内容而不通过 url 加载，那么一切正常，但我更喜欢加载页面。因此，如果我想动态加载另一个页面的 html 是另一种通过语义-ui 使其工作的方法，或者我应该为此使用 pjax 吗？

Answer 1

您可以在您的 js 中使用语义 UI "api settings"。

API 选项卡设置；

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

请看一下工作示例：JSFiddle。希望对您有所帮助！

Answer 2

对于那些可能与我有相同problem/question的人... 经过数小时的搜索，我发现并意识到为了让脚本正常工作，我必须将它们包含在 .js 文件中，而不是在父页面中使用，因为在加载新页面后，脚本已经执行。因此，要么将内联脚本包含在 .js 文件中，要么包含在您正在加载的页面中，但不包含在母版页中，除非您将它们包含在 .js 文件中。这对pjax也是一样的。

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

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

html

javascript

jquery

tabs

semantic-ui