워드 프레스 & jquery 이벤트 처리기 .on()

jquery`.on() /. bind() 함수에 약간의 문제가 있습니다. 내가하려는 일은 특정 요소에 클릭 이벤트를 첨부하는 것이므로 콘텐츠에서 사용될 때마다 함수를 개별적으로 선언 할 필요없이 클릭하고 팝업을 열 수 있습니다. 이것은 내 코드입니다. 간단한 테스트를 위해 작동했지만 로컬 Wordpress 환경에서는 작동하지 않았습니다. 더 클릭 이벤트가 ... 디버그 않았나 나에게 아무것도 말하지, 연결되지 도착 :워드 프레스 & jquery 이벤트 처리기 .on()

내가 jQuery를 포함하려면이 옵션을 사용 :

$(document).ready(function() { 
$('#eins_audiotrigger').bind('click', function() { 
    if($('#eins_audiotarget').attr('class') != 'fadeInUp'){ 
     $('#eins_audiotarget').removeClass().addClass('fadeInUp'); 
    } 
    else { 
     $('#eins_audiotarget').removeClass().addClass('fadeOutDown'); 
    } 
}); 

});

좋아, 여기에 몇 가지 더 자세히입니다 include jquery into wordpress

jQuery 충돌이없는 모드에 관한 모든 것을 시도했습니다. 나는 또 하나의 (document) .ready 함수를 호출하고 잘 작동한다 (하나의 파일에 여러 (document) .ready에 문제가 있는가?)

이 모든 것을 가지고 간단한 CSS- 애니메이션을 호출하고 싶다. 요소에 추가하려는 클래스에 정의되어 있습니다. 기본적으로 a가 삽입되고 미디어 플레이어가 포함됩니다.

이 기능은 게시물에서 곧바로 호출 할 때 작동하지만이 이벤트를 각 버튼은 사전에 편집해야합니다. 일반 편집기를 사용할 때 wordpress가 스크립트 태그를 제거하기 때문에 실현되어야합니다.

건배! 건배!

출처

2013-01-18 thilo.dev

"디버그가 아무 말도하지 않았다"고 말하면 콘솔에 오류가 없음을 의미합니까? – Matanya

예, 콘솔에 오류가 없습니다 –

'console.log ($)'로 결과를 게시 할 수 있습니까? – Matanya

때때로 $로 인해 문제가 발생합니다.

jQuery(document).ready(function($) { 
    $('#eins_audiotrigger').bind('click', function() { 
     if($('#eins_audiotarget').hasClass('fadeInUp') === false){ 
      $('#eins_audiotarget').removeClass().addClass('fadeInUp'); 
     } 
     else { 
      $('#eins_audiotarget').removeClass().addClass('fadeOutDown'); 
     } 
    }); 
});

출처

2013-01-18 09:52:32

도움이되지 않았습니다. jQuery는 페이지 내부에서 호출 될 때 작동하며 올바른 것으로 간주됩니다 (그렇게 생각하십시오). 한 concole.log ($) 응답은 다음과 같다 : 기능 (선택, 상황) {jQuery 오브젝트가 실제로 단지 초기화 생성자 \t \t 반환 새로운 jQuery.fn.init를 '강화'입니다 // \t \t (선택기, 컨텍스트, rootjQuery); \t} –

이 링크 확인 http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/ –

마침내 나왔습니다. 자바 스크립트가 newbee로서 나는 단순히 이렇게하여 버튼에 클릭을 추가 할 수있는, 실현 : 여기 배울 수

$('#trigger').click(function() { 
     $('#trigger').removeClass().addClass('fadeOutDown'); 
     $('#eins_audiotarget').removeClass().addClass('fadeInUp'); 
}); 
$('#closeIt').click(function() { 
     $('#eins_audiotarget').removeClass().addClass('fadeOutDown'); 
     $('#trigger').removeClass().addClass('fadeInUp'); 
     setTimeout(function() {$('#trigger').removeClass()}, 1000); 
});

그래서 많은 일을! 지원에 감사드립니다.

출처

2013-01-19 13:09:56

워드 프레스 & jquery 이벤트 처리기 .on()

답변

관련 문제