javascript – 按下时更改按钮主题

2019-06-21 05:20:27 阅读：202 来源： 互联网

标签：jquery javascript button jquery-mobile

我正在尝试在按下时更改按钮的数据主题.

我在按钮的onClick处理程序中调用此JavaScript函数：

function changeNextButtonColor() {
    var nextButton = document.getElementById('next');
    nextButton.setAttribute('data-theme', 'a');
}

但主题并没有改变.有任何想法吗？

解决方法:

一旦你设置了按钮上的主题,你需要在其上调用“刷新”,如下所示…

$("#next").attr("data-theme","a").button('refresh');

如果你想将这种行为绑定到进程中的所有“下一步”按钮并且它们可能不止一个,那么你可能想要考虑做更像这样的事情.它将检查每个页面上是否有一个具有colorChangeButton类的按钮,然后在单击时将主题更改为在data-theme-pressed的按钮属性上指定的备用主题.

<a href="#" data-role="button" class="colorChangeButton" data-theme-pressed="a" data-theme="b">Next</a>

<script type='text/javascript'>
    $('div').live('pageinit', function(){
        $("a.colorChangeButton).click(function(){
           var $thisButton = $(this);
           $thisButton.attr("data-theme",$thisButton.attr("data-theme-pressed")).button('refresh');
        });
    });
</script>

标签：jquery,javascript,button,jquery-mobile
来源： https://codeday.me/bug/20190621/1251907.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 按下时更改按钮主题