加载url脚本时的语义ui选项卡在选项卡中不起作用
Semantic-ui tabs when loading url scripts are not working in the tab
我遇到了一个问题,当我将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也是如此。
相关文章:
- 在Internet Explorer中,向所选内容添加选项不起作用
- Angular js-ng选项不起作用
- 传单地图“中心”选项不起作用
- DateBox的dateFormat选项不起作用
- 双击已添加的选择选项不起作用
- jquery ui自动完成combox重新创建选项不起作用
- 谷歌地图中心选项不起作用
- jQuery多选:计数未选择的选项不起作用
- 简单的工具提示插件 - 点击选项不起作用 - jQuery
- AngularJs 选择 ng 选项不起作用
- j查询更改选择选项不起作用
- 在给定现有答案的情况下,更改日期选择器中的 minDate 选项不起作用
- JavaScript 数据表过滤器选项不起作用
- 主干表单提交按钮选项不起作用
- UglifyJS2 , -m 排序选项不起作用
- 在 elgg 中,jQuery 日期选择器选项不起作用
- 删除裁剪后,图像可拖动选项不起作用
- Typeahead.js预取选项不起作用
- 使用javascript选择另一个选项后,循环隐藏选项不起作用
- 完整日历选项不起作用