javascript - jQuery UI 选项卡 javascript 单击功能不起作用

标签 javascript jquery-ui tabs click

我正在使用 jQuery UI 选项卡,但遇到问题。

我的 JavaScript 代码:

 $(function() {
  $("#tabs").tabs();
 }); 

我的 HTML:

<div class="demo">
  <div id="tabs">
    <ul>
      <li><a href="#tabs-1">Eat</a></li>
    </ul>
    <div id="tabs-1">
      tab 1
    </div>
    <div id="tabs-2">
      tab 2
    </div>
    <div id="tabs-3">
      tab 3
    </div>
  </div>  
</div><!-- End demo -->

我正在使用另一个 script.js 文件。由此我调用一键单击功能。

$("#tabs-2").click(function()
{
  alert("This is tab3");    
});

此功能不起作用。我想在单击每个选项卡时显示数据库中的一些数据。如何使用jQuery编写js函数?请帮助我。

谢谢, 拉杰

最佳答案

您遇到什么类型的错误?您可以使用 Firebug 来帮助调试 jQuery 遇到的问题吗?

你尝试过吗:

$("a[href=#tabs-2]").click(function()
{
  alert("This is tab3");    
});

关于javascript - jQuery UI 选项卡 javascript 单击功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3938270/

相关文章:

javascript - 如何使用 jQuery 从 cookie 中删除特定的 cookie

jQuery - 使用 SlideToggle 功能渲染多个 div 元素

java - Selenium 将焦点切换到选项卡,单击链接后打开该选项卡

angular - 所有页面(包括新页面)中的 ionic 2 选项卡

javascript - 显示 JSON 请求的输出

javascript - 在javascript中使用三元运算符代替if/else

javascript - JS如何通过模板文字中的Array进行映射

html - 使用我的 JQuery UI Datepicker,为什么图标出现在单独的一行上?

jQuery如何让Enter(Return)通过输入文本字段充当Tab键但最终触发提交按钮

javascript - 如何计算接近无穷大或 0 的极限?