2016-06-17 3 views
2

다른 페이지에서 미리 필터 ISOTOPE 용 스크립트를 사용하려고했지만 Isotope 스크립트가 내 값을 필터 값과 함께로드하지 않습니다. 여기에서 직접 테스트 할 수 있습니다 : http://aprime-industries.com/내 스크립트가 너무 늦게로드되었습니다.

예를 들어 "Nos Références"를 클릭하고 ENTI를 클릭하십시오. 당신은 내 드롭 다운 목록이 표시됩니다

enter image description here

선택 "ENTI"하지만 필터가 활성화되지 않은, 나는 "무관심"을 클릭하고 필터와 데이터 필터 -을 활성화하기위한 ENTI 다시 클릭해야 값.

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 링크 :

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

enter image description here

내가 링크를 당신에게 드롭 다운 목록에서 값을 내 스크립트를 줄 것이다

<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을! 내 마감.
그래서 느슨한
$(document).ready(function(){}
내일 :(너무 늦게 안에 있기 때문에로드

+1

내가 아니다 이 질문들 문제가있는 사이트로 연결되는 링크에 의존하는 것으로 보입니다. 즉, 문제를 해결하자마자 버그를 설명하지는 않습니다. 그러나이 질문에 다른 코드와 피들을 넣으려고 노력 했으므로이 경우 보류 투표를하지 않겠습니다. 링크를 제거하거나 문제의 끝 부분에 중요도를 낮추면 문제를 해결할 수 있습니다. 독자가 문제를 해결 한 후 오랫동안 배울 수 있습니다. – halfer

+0

의견을 보내 주셔서 감사합니다. 걱정하지 마세요. – Hightline

+0

제발 도와 주실 해결책이 있습니까? – Hightline

답변

1

$(document).ready(function(){}.
창 먼저로드 한 후 $(document).ready(function(){} 내부의 코드가 실행됩니다하고 헤더에 스크립트를 유지 . 신체 일부가로드되기 전에
을로드하지만 매우는 윈도우로드의 끝에서 스크립트를로드하고 빠르게 HTML 요소를로드하기 때문에 바닥 글과
$(document).ready(function(){}
내부의 스크립트를 유지하는 것이 좋습니다.

+0

그래서 바닥 글에 넣으면 해결책이 생겼습니까? – Hightline

관련 문제