Javascript 如何手动调用jquery单击事件
以下是HTML:Javascript 如何手动调用jquery单击事件,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,以下是HTML: <div class="accordianDiv"> <ul> <li class="active"><a href="#tab1">tab 1</a></li> <li><a href="#tab2">document tab 2</a></li>
<div class="accordianDiv">
<ul>
<li class="active"><a href="#tab1">tab 1</a></li>
<li><a href="#tab2">document tab 2</a></li>
<li><a href="#tab3">tab 3</a></li>
</ul>
</div>
单击任何HREF,它都可以正常工作并执行上面的jquery内容
现在,我需要使用jquery示例手动执行上面的jquery内容,调用HREF[TAB1/2/3]的click事件。请指导我如何手动调用jquery事件
意思-当需要选择tab1时,它单击事件应该相应地调用tab1,就像调用Tab2和Tab3一样。据我所知,您需要调用触发器功能
$("ul.tabs li").trigger('click')
$('ul.tabs li a[href="#tab2"]').trigger('click')
另外,更改您的html,并将类选项卡添加到ul 你可以使用触发器
$("ul.tabs li").trigger('click');
或简称:
$("ul.tabs li").click();
试试这个:
var i, len,
tabsToClick = [ 'tab1', 'tab2', 'tab3' ];
for ( i = 0, len = tabsToClick.length; i < len; i++ ) {
$( '[href="#'+ tabsToClick[ i ] +'"]' ).click();
}
您可以找到相应的元素,然后在其上触发click事件:
var tab = "tab2";
$("ul.tabs li a[href='#" + tab + "']").click();
即使您在上触发事件,它仍将冒泡到父级li处理程序。已尝试,但未执行,我在click event中添加了警报,它在href处手动clikc时调用,但在您输入使用手动click event时未调用。plz指南。
var tab = "tab2";
$("ul.tabs li a[href='#" + tab + "']").click();
function selectTab(tab) {
$("ul.tabs li a[href='#" + tab + "']").trigger("click");
}