php - jquery 从一个脚本调用另一个脚本

Question

这是在线商店页面代码的一部分。 php 代码加载完整目录，然后 jquery 单击相应的链接并过滤目录。

我在一个页面上有两个 jquery 并且它们都可以工作，但是

<script>
    $(document).on('click', '.side-menu-categories li', function () {
        var click = $(this).attr('data-filter');
        $('.product-box').hide();
        $('.product-box').each(function () {
            if ($(this).attr('data-filter') == click || click == 0) {
                $(this).fadeIn('fast');
            }
        });
    });
</script>

这部分工作正常，我对此没有任何问题，但是当我尝试在窗口加载时调用它时，它不起作用

$(window).load(function () {
    $('#loader_spin').hide();
    $('#product_container').show();
    var clicked = false;
    var filter_catalog = <?php echo(isset($_GET['id']) ? $_GET['id'] : 0); ?>;
    $('.side-menu-categories li').each(function () {
        if ($(this).attr('data-filter') == filter_catalog) {
            $(this).click();
            var clicked = true;
        }
    });
    if (clicked == false) {
        $('.side-menu-categories li[data-filter="0"]').click();
    }
});

Answer 1

使用 var clicked = true; 您正在将新变量定义到 each() 函数的本地范围内，因此删除 var (即只是do clicked = true) 以便使用上面 load() 范围中定义的全局变量:

$(window).load(function () {
    $('#loader_spin').hide();
    $('#product_container').show();
    var clicked = false;
    var filter_catalog = <?php echo(isset($_GET['id']) ? $_GET['id'] : 0); ?>;
    $('.side-menu-categories li').each(function () {
        if ($(this).attr('data-filter') == filter_catalog) {
            $(this).click();
            clicked = true; //don't declare it locally
        }
    });
    if (clicked == false) {
        $('.side-menu-categories li[data-filter="0"]').click();
    }
});