如何在JqueryMobile中动态更改计数气泡的值

时间:2015-02-14 20:54:24

标签: jquery-mobile

也许我错过了明显的,但我正在寻找一个选项来改变js代码中计数气泡的值。我在JavaScript中构建了未分类列表的html中有很多解决方案,但这不是我想要的。

在html中我有(简化)

<ul data-role="listview" id="mainPageSelection"   data-inset="true">
    <li><a href="#1"><img src="ca.png"  class="ui-li-icon">Browse Catalog</a></li>
    <li><a href="#2"><img src="se.png"  class="ui-li-icon">Search</a></li>
    <li><a href="#3"><img src="sh.png"  class="ui-li-icon" >Shopping Cart<span class="ui-li-count" id="test"></span></a></li>
</ul>

我想更改ListView条目&#34; Shopping Cart&#34;的计数气泡的值。 我知道如果我在span的开始和结束标记之间放置一个数字,我会看到计数气泡数。

我正在寻找的是一种在这里动态添加号码的方法。如果我使用例如

$(#"test").attr("value", 42) 

它没有用。我可以在Safari的Element Inspector中看到值=&#34; 80&#34;是在span的开始标记内添加的,但是我想在span的开始和结束标记之间添加一个值,以便它显示在bubble上... 这里有任何帮助或想法吗?

1 个答案:

答案 0 :(得分:0)

span等文字元素没有价值,因此属性value没有特殊含义。您应该使用texthtml方法设置范围的文本:

$("#test").text(42); 

演示: http://jsfiddle.net/nsczgo96/