Question

我正在寻找一种方法，将用户发送到该主要URL之后，从页面到详细信息，让我的Jquery / Javascript自动单击主页导航栏。

我举了一个代码示例，该代码将我重定向到首页，但不会触发自动点击，甚至不会触发加载新网址后指示的功能。

<li id="menu-item-406" class="historia-link menu-item menu-item-type-custom menu-item-object-custom menu-item-406">
    <a href="#">HISTORIA<span class="menu-description"></span></a>
</li>
<li id="menu-item-407" class="special-link menu-item menu-item-type-custom menu-item-object-custom menu-item-407">
    <a href="#">CACHORROS<span class="menu-description">/ Perros Disponibles</span></a>
</li>
<li id="menu-item-408" class="special-link menu-item menu-item-type-custom menu-item-object-custom menu-item-408">
    <a href="#">MACHOS<span class="menu-description">/ Sementales y Jóvenes</span></a>
</li>

jQuery(document).ready(function ($) {
    // Redirección submenu
    $('#menu-item-406, #menu-item-407, #menu-item-408').click(function () {
        if (this.id == 'menu-item-406') {
            window.location = "https://vonmarlu.com/von-marlu/";
            $('#menu-item-38 a').trigger('click');
        } else if (this.id == 'menu-item-407') {
            window.location = "https://vonmarlu.com/von-marlu/";
            $(window).on("load", function () {
                $('#home').fadeOut(1000);
                $('#cachorros').fadeOut(1000);
                $('#adultos').fadeOut(1000);
                $('#trabajo').fadeOut(1000);
                $('#hembras').fadeOut(1000);

                $("#historia").css('display', 'block');
                $("#historia").animate({
                    opacity: "1"
                }, 800);
                $(".about-left-section").css('z-index', '10');
                $(".about-left-section").animate({
                    left: "0px"
                }, 1200);
                $(".about-left-section").css('left:', '0');
                $(".about-right-section").css('z-index', '5');
                $(".about-right-section").delay(800).animate({
                    left: "0px"
                }, 1500);
                $(".about-right-section").css('left:', '0');
            };
        }
        else if (this.id == 'menu-item-408') {
            alert('Submit 3 clicked');
        }
    });
});

我使用条件验证当我单击主菜单的ID时，代码将执行我要求的功能，只是我不知道这是否是实现它的最佳方法。

有什么想法对您有用吗？我对此有些迷茫。

Answer 1

此处： trigger（'click'）将启动click事件。

<script type="text/javascript">
    $(function(){
        $('#id').trigger('click');
    });
</script>

重定向到首页网址后，如何使用Javascript / Jquery实现自动点击？

1 个答案: