更改固定点击文本（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主题）

回答

相关问题