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

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会在脚本加载。