我的脚本加载太晚了

时间:2016-06-17 07:36:00

标签: javascript php jquery html jquery-isotope

我尝试使用来自其他页面的prefilter ISOTOPE脚本,但我的同位素脚本不会使用过滤器值加载我的值。 您可以在此自行测试:http://aprime-industries.com/

只需点击“NosRéférences”并点击ENTI即可。

enter image description here

您将看到我的下拉列表已选中“ENTI”但过滤器未激活,我需要单击“Indifférent”并再次单击ENTI以激活过滤器和数据过滤器值。

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

enter image description here

我会给你我的脚本链接下拉列表中的值:

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链接:

<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

凹凸!我的截止日期是明天:(

1 个答案:

答案 0 :(得分:1)

加载太晚,因为它在$(document).ready(function(){}内。
首先加载窗口,然后执行$(document).ready(function(){}内的代码。
如此松散的$(document).ready(function(){}
并将脚本保留在标题中以在加载正文部分之前加载它。
但强烈建议将脚本保留在页脚和内部$(document).ready(function(){}中,因为它会在窗口加载结束时加载脚本并加载html元素。< / p>