Question

您好我正在编写visualforce页面代码

<apex:page >
  <!-- Begin Default Content REMOVE THIS -->

  <head>
  <apex:includeScript value="{!URLFOR($Resource.UIJQuery1822, 'js/jquery-1.7.2.min.js')}"/>
  <apex:includeScript value="{!$Resource.JQueryMin}" />
  <apex:stylesheet value="{!URLFOR($Resource.UIJQuery1822,'css/ui-lightness/jquery-ui-1.8.22.custom.css')}" />

    <script type="text/javascript">
    $j=jQuery.noConflict();
    $j(document).ready(function() {
        $j( "#tabset" ).tabs();
        $j('#theButton').click(function() {
            var selected = $("#tabset").tabs("option", "selected");
            $("#tabset").tabs("option", "selected", selected + 1);
            // $( "#tabset" ).tabs( 'select' , 2 );
            // alert('Hello World')
        });
    });
    </script>

  <Title>Hello World</Title></head>
  <Body>
  <div id="tabset">
  <ul>
  <li><a href="#panel1">Tab One</a></li>
  <li><a href="#panel2">Tab Two</a></li>
  <li><a href="#panel3">Tab Three</a></li>
  </ul>
  <div id="panel1"> Hello World1</div>
  <div id="panel2">Hello World2
  <button type="button" id="theButton">Click Me!</button></div>
  <div id="panel3">Hello World3 </div>

  </div>
  </Body>

</apex:page>

我必须完成的是当我点击我点击它将激活标签三。点击功能有两个评论行当我评论警报（'Hello World'）它给我警报，但当我评论警报线和使用任何一个选项它不激活第三个tab.can任何请告诉我为什么它不激活第三个选项卡？并给出一些代码片段，使其开始正常工作!!

Answer 1

如果你做到了：

$(document).ready(function() {
    $("#tabset" ).tabs();
    $('#theButton').click(function() {
        var selected = $("#tabset").tabs("option", "selected");
        $("#tabset").tabs("option", "selected", selected + 1);
    });
});

它有效

如果您遇到名称问题，可以执行以下操作：

(function($) { 
    $(document).ready(function() {
    $("#tabset").tabs();
    $('#theButton').click(function() {
        $('#showem').text("howdy");

        var selected = $("#tabset").tabs("option", "selected");
        $("#tabset").tabs("option", "selected", selected + 1);
     });

});
})(jQuery);

这将jQuery传递给包装函数。

使用您的$ j名称：

(function($j) { 
    $j(document).ready(function() {
    $j("#tabset").tabs();
    $j('#theButton').click(function() {
        $j('#showem').text("howdy");

        var selected = $j("#tabset").tabs("option", "selected");
        $j("#tabset").tabs("option", "selected", selected + 1);
     });

  });
})(jQuery);

Answer 2

首先改变： $ j = jQuery.noConflict（）; 要 jQuery.noConflict（）;

从现在开始，您将使用 jQuery 而不是 $ ，以便调用函数使用：jQuery('').hide();

调用noConflit并继续使用$。
是没有意义的

单击Button jquery时选择Next选项卡

2 个答案: