如何手动调用jquery点击事件

Question

下面是 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>

以下是点击事件代码：

   //On Click Event
    $("ul.tabs li").click(function () {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        alert(activeTab);
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });

单击任何 HREF，它都可以正常工作并在 jquery 上面执行。

现在，我需要使用 jquery 示例手动执行上面的 jquery 内容，调用HREF[#TAB1/2/3]. 请指导我如何手动调用 jquery 事件。

含义 - 当需要选择 tab1 时，它的点击事件应该调用 tab1 与 tab 2 和 tab 3 相同。

Answer 1

据我了解，您需要调用触发功能

$("ul.tabs li").trigger('click')
$('ul.tabs li a[href="#tab2"]').trigger('click')

PS 更改您的 html，并将类选项卡添加到 ul。jsbin