Question

好的，我想要发生的事情是，只有在点击其中一个锚标签后才初始化jQuery Tool插件。

这就是我在JS文件中的内容：

$(".tab-1-tabs ul").tabs("div.tab-1-container > div");

**这是在调用上述脚本后生成的HTML：**

<li><a href="#" class="service current">1</a></li>
<li><a href="#" class="service">2</a></li>
<li><a href="#" class="service">3</a></li>
<li><a href="#" class="service">4</a></li>

生成的HTML的问题在于，当插件加载时会有一类当前的注入，并且我有CSS样式，为锚标签提供一个显示其活动的特定背景图像。我也隐藏了特定标签窗格的内容。

这是我认为我可以做但不起作用的事情：

$(".tab-1-tabs ul").tabs("div.tab-1-container > div", { onBeforeClick: function(event, tabIndex) {
        $('.tab-1-tabs ul li a').removeClass('current');
    }
});

我希望在没有应用当前类的选项卡功能加载的情况下加载页面，而是仅在单击其中一个列表项时加载，然后将当前应用于锚标记。

我想给人的印象是，除非他们点击任何这些锚标签，否则没有选择任何内容。

或者类似于：

$('#link').click(function(e) {
    e.preventDefault();
    $(".tab-1-tabs ul").tabs("div.tab-1-container > div");
});

Answer 1

我认为你正在寻找这样的东西：

$("#link").click(function (){
  $.getScript("somescript.js", function(){
   console.log("loaded script");
 });
});

点击链接后，$.getScript将加载到脚本中。

如何在点击后加载jQuery工具插件

1 个答案: