2017-11-13 1 views
0

여기에 여러 번 묻는 질문이 있습니다. 찾을 수있는 모든 스레드를 읽었지 만 여전히 저를 위해 작동하지 않습니다. .jQuery를 사용하여 페이지가로드 된 후 앵커 클릭을 발생 시키려고 시도합니다.

약간의 배경 : 그리드 플러그인이있는 Wordpress 사이트에서 작업 중이며 url 매개 변수에 따라 페이지가로드 될 때 필터를 트리거하려고합니다. 이 스레드의 목적을 위해 필자는 url 매개 변수 (카테고리 변수)를 예제로 하드 코딩했습니다. 그 기능이 제대로 작동하기 때문입니다.

내가 노력하고있어 앵커 태그는 트리거하려면

<a href="javascript:;" class="ladda-button" data-category="55" data-style="zoom-in">Tarps and Covers</a> 

내가 클릭 이벤트를 트리거하는 데 사용할 노력하고있어 깨진 코드 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     var hash = window.location.hash; 
     var category = '55'; 
     var anchor = $("[data-category=" + category + "]"); 
     anchor.click(); 
    }); 
</script> 

앵커 변수를 돌려주는 콘솔 로그 올바른 jQuery 객체를 선택했음을 확인하고, anchor[0].click()을 시도해 성공하지 못했습니다. 누구든지 내가 간과하고있는 문제를 보지 않습니까?

+0

당신이'HREF = 노력하고 있습니다 "자바 스크립트 :;"'. 따라서 클릭하면 아무 효과가 없습니다 (클릭 이벤트 리스너가 호출되지 않는 한). –

답변

1

나는 그것을 시도 :

$(document).ready(function() { 
     var hash = window.location.hash; 
     var category = '55'; 
     var anchor = $("[data-category=" + category + "]"); 
     anchor.click(); 
     anchor.on('click',()=>{ 
      alert(); 
     }) 
    }); 

모든 것이

+0

앵커를 주셔서 감사합니다. ('클릭'... 제안, 나는 그것을 시도하고 문제가 어딘가에 놓여있는 것처럼 보이도록 작동하도록했습니다. 도와 줘서 고마워. – ConorBaumgart

관련 문제