클릭하면 앵커 텍스트 변경 (Twitter Bootstrap Theme)

수 많은 다른 스크립트가이 작업을 시도하려고 시도했지만 수건을 던져 물어 봐야했습니다. 내 JQuery 설정은 머리 부분에서 참조되는 외부 JS 파일이며 JQuery 코드를 해당 파일에 추가합니다. 또한 자신의 클래스와 스크립트를 가지고있는 트위터 부트 스트랩 테마를 가지고 있습니다. 이 포스트에서 http://skipology.com/iphoneography-applications-most-used/ 나는 코드/클래스로 빌드 된 트위터 부트 스트랩을 사용하여 확장 가능한 div를 만들었습니다. 확장 및 폐쇄를 유발 앵커에 대한 HTML은 다음과 같습니다 내가 뭘하려고 오전클릭하면 앵커 텍스트 변경 (Twitter Bootstrap Theme)

<ul class="nav nav-tabs"><li class="active expandable"><a role="button" tabindex="0" 
data-toggle="collapse" data-target="#snapseed"><i class="icon-sort icon-large"></i> 
More...</a></li><ul>

은에 '추가 ...'텍스트를 변경하다 '덜 ...'사업부가 확장 될 때. 나는 범위를 추가하고 클릭 또는 onclick에 의해 트리거 된 토글()을 사용하여 다양한 스크립트를 시도했지만 아무것도 작동하지 않는 것 같습니다. 트위터 부트 스트랩에는 click이나 onclick보다는 여러 가지 이벤트가 있습니다. show : hide : and hidden :

저는 JQuery, Wordpress 및 Bootstrap의 조합이 완전히 혼란 스럽다고 생각합니다. 정적 사이트에서이 작업을 수행 할 수 있음을 알고 있습니다. 누구든지 대본을 만들 수 있습니까?

출처

2013-02-19 Paul Brown

WordPress의 jQuery는 jQuery와 동일하지만 다른 점은 t를로드하는 방법을 제외하고는 그는 (wp_register_script/wp_enqueue_script) 스크립트를 작성하고 JQuery는 "No Conflict"모드로로드됩니다. –

필자는 피들에서 약간의 코드를 시도해 보았습니다. 그들은 Wordpress 문제인지 아니면 아마도 부트 스트랩 문제인지 궁금하게 생각하게 만들었습니다. 어느 것이 든 Wordpress보다는 JQuery와 관련이 있습니다. –

이 시도 :

$('li.expandable a[data-toggle="collapse"]').on('click',function(){ 
    if ($($(this).data('target')).hasClass('in')){ 
     $(this).val(($(this).val()).replace(/More/,'Less')); 
    } 
    else{ 
     $(this).val(($(this).val()).replace(/Less/,'More')); 
    } 
})

출처

2013-02-19 21:26:47 SeinopSys

고맙습니다. 정말 친절하지만 효과가 없습니다. –

이 나를 위해 일

$('[data-toggle="collapse"]').click(function() { 
     $(this).text($(this).text() == 'More' ? 'Less' : 'More'); 
});

구글이 source

주에 나를 데리고 : 그것 때문에 워드 프레스를 내가 jQuery를 + 부트 스트랩을 사용하고 있지만 다를 수 있습니다

출처

2013-03-06 16:35:20 ComatoseDuck

감사합니다.이 알림을 놓치지 않으려 고 고마워합니다. 많은 감사합니다. –

클릭하면 앵커 텍스트 변경 (Twitter Bootstrap Theme)

답변

관련 문제