gpt4 book ai didi

jquery - 单击按钮 jquery 时选择下一个选项卡

转载 作者:行者123 更新时间:2023-12-01 07:20:58 25 4
gpt4 key购买 nike

嗨,我正在编写一个 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”)时,单击功能中有两个注释行,它会给我警报,但是当我注释警报行和使用任何一个选项都不会激活第三个选项卡。请告诉我为什么它不激活第三个选项卡?并提供一些代码片段,使其开始正常工作!!

最佳答案

如果你成功了:

$(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);

关于jquery - 单击按钮 jquery 时选择下一个选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13763283/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com