在jQuery Mobile 1.3.0中更改Button主题

时间:2013-03-25 14:30:30

标签: jquery html css jquery-mobile jquery-mobile-button

我看到jQuery Mobile 1.3.0中应该有新功能,我们可以从JavaScript动态更改按钮主题: http://jquerymobile.com/blog/2013/02/20/jquery-mobile-1-3-0-released/

但是当我尝试运行以下代码时,我在控制台中收到了错误消息。它说“没有方法'_setOption'”,所以我开始猜测它是否真的被实现了。

这个新功能真的实现了吗?如果是这样,如果让我知道如何从JavaScript使用它,将不胜感激。 感谢。

(HTML)
<a id="btn1" data-role="button" data-theme="e" onClick="clk();">XXX</a>

(JavaScript)
function clk(){
  var $btn = $('#btn1');
  $btn._setOption('data-theme', 'b');
}

(Console)
Uncaught TypeError: Object [object Object] has no method '_setOption'

1 个答案:

答案 0 :(得分:2)

您使用的功能不正确,您应该使用以下功能:

$( "a" ).buttonMarkup({ theme: "c" });

官方文件:http://api.jquerymobile.com/button/#option-theme

直播jsFiddle示例:http://jsfiddle.net/Gajotres/eqLVV/