Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何手动调用jquery单击事件_Javascript_Jquery_Html_Jquery Ui - Fatal编程技术网

Javascript 如何手动调用jquery单击事件

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>

以下是HTML:

    <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");
}