更改固定點擊文本（Twitter Bootstrap主題）

嘗試這麼多不同的腳本來試圖讓這個工作不得不扔在毛巾和問。我設置的JQuery是一個外部JS文件，在頭部分中引用，並且我將JQuery代碼添加到該文件中。還有一個Twitter Bootstrap主題，它有自己的類和腳本。在這篇文章http://skipology.com/iphoneography-applications-most-used/我創建了一些使用內置代碼/類的Twitter Bootstrap的可擴展div。針對主控觸發擴張和關閉的HTML是：更改固定點擊文本（Twitter Bootstrap主題）

<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>

我所試圖做的是改變「更多...」文字「少......」當DIV擴大。我嘗試了各種腳本，包括添加跨度和使用切換（）觸發點擊或onclick，但似乎沒有任何工作。 Twitter的Bootstrap有各種事件，我可以使用，而不是點擊或onclick我認爲，如顯示：顯示：隱藏：和隱藏：

我認爲JQuery，Wordpress和Bootstrap的組合令我困惑。我知道我可以在靜態網站上做到這一點。任何人都可以想出一個腳本？

來源

2013-02-19 Paul Brown

WordPress中的jQuery與jQuery在其他任何地方相同，除了你如何加載t他的腳本（wp_register_script/wp_enqueue_script）以及該JQuery以「無衝突」模式加載。 – 2013-02-19 19:23:50

我在小提琴中嘗試了一些代碼，他們似乎工作，這讓我想知道它是一個WordPress的問題，或者更可能是一個Bootstrap的問題 - 無論哪種方式，我想這是JQuery相關而不是Wordpress。 – 2013-02-19 19:48:00

試試這個：

$('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

謝謝。真的很好但沒有效果。 – 2013-02-19 21:44:01

這爲我工作

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

谷歌把我帶到這個source

注：我使用jQuery +引導，而不是WordPress的，因此可能會不同

來源

2013-03-06 16:35:20 ComatoseDuck

謝謝我錯過了這個通知會試一試。非常感謝。 – 2013-03-15 22:33:35

更改固定點擊文本（Twitter Bootstrap主題）

回答

相關問題