我的脚本加载太晚

Question

我尝试使用另一个页面的脚本来预过滤 ISOTOPE，但我的 Isotope 脚本没有使用过滤器值加载我的值。你可以在这里自己测试：http://aprime-industries.com/

只需点击 "Nos Références" 并点击 ENTI 例如。

您会看到我的下拉列表被选中 "ENTI" 但过滤器未激活，我需要单击 "Indifférent" 并再次单击 ENTI 以激活过滤器和数据过滤器-值。

<option value="ENTI" data-filter-value=".ENTI">ENTI</option>

我会给你我的脚本 link 下拉列表中的值：

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\[").replace(/[\]]/, "\]");
    var regex = new RegExp("[\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" :  decodeURIComponent(results[1].replace(/\+/g, " "));
}

和

$(document).ready(function(){
    var preSelected = getParameterByName("filter");

    if(preSelected == "ENTI") {
        $('select[name="societe"]').val("ENTI");
    }
    else if(preSelected == "S2MI") {
        $('select[name="societe"]').val("S2MI");
    } 
    else if(preSelected == "JBM41") {
        $('select[name="societe"]').val("JBM41");
    }
});

还有我的 href link：

<a href="plaquettes?pre=ENTI" class="hvr-bounce-out"><img src="img/entilogo.png" class="" alt="icone ENTI"></a>
<a href="plaquettes?pre=S2MI" class="hvr-bounce-out"><img src="img/s2milogo.png" class="" alt="icone S2MI"></a>
<a href="plaquettes?pre=JBM41" class="hvr-bounce-out"><img src="img/jbm41logo.png" class="" alt="icone JBM41"></a>

我为我的同位素脚本制作了一个 jsfiddle JSFIDDLE

顶一下！我的截止日期是明天:(

Answer 1

加载太晚，因为它在 $(document).ready(function(){} 中。
Window会先加载，然后$(document).ready(function(){}里面的代码才会被执行。
如此松散
$(document).ready(function(){}
并将脚本保留在 header 中以在 body 部分加载之前加载它。
但强烈建议将脚本保留在页脚和内部
$(document).ready(function(){}
因为它会在 window 加载结束时加载脚本并且更快地加载 html 元素。

我的脚本加载太晚

My Script load too late

html

javascript

php

jquery

jquery-isotope