带有Jquery Mobile的Javascript切换按钮

请任何人都知道如何使这个切换按钮按照下面的代码工作。 它只在第一次单击后工作，然后按钮值不变

$（窗口）。加载（函数（）{
fill.addEventListener（“单击”），函数（事件）{
if（$（this）.attr（'value'）=='Top Up'）{
$（'#fill'）.prev（'.ui btn-inner'）.children（'.ui btn-text'）.html（'Stop'）；
$（“#填充”）。按钮标记({
主题：“c”
});
}否则{
$（'#fill'）.prev（'.ui btn-inner'）.children（'.ui btn-text'）.html（'Stopping'）；
$（“#填充”）。按钮标记({
主题：“b”
});
}
});
});

它的工作原理就是它应该如何工作。

---

每次单击后都不会更改它的

值

属性，因此

if

不会进入

else

选项。

在更改

$（此）

元素的HTML时更改值

$(this).val("Stop");

修改后的代码

这与预期的效果一样，我希望：

fill.addEventListener("click", function(event)
{
        if ($(this).attr('value') == 'Top Up')
        {
            $(this).val('Stop');
            $(this).prev('.ui-btn-inner').children('.ui-btn-text').html('Stop');
            $(this).buttonMarkup({ theme: "c" });
        }       


       else
        {
            $(this).val('Stopping');
            $(this).prev('.ui-btn-inner').children('.ui-btn-text').html('Stopping');
            $(this).buttonMarkup({ theme: "b" });
        } 
});

---

你知道函数.toggle（）吗？。。你也许可以为这个问题创建一个更好的解决方案？我尝试了切换，但我得到了相同的问题mate-1，很清楚他们在尝试什么。确认他们的代码不工作是因为他们做错了根本没有帮助。对不起，我不明白你们告诉我的解决方案是什么？我用$（this.val（“Stop”）替换了WW；但是文本没有改变，我说“它不起作用，因为”，我觉得很清楚，你也很清楚。你更新的JSFIDLE确实指向我的早期版本？不是你的最新版本吗？谢谢，我明白你现在的意思了，虽然fiddle是有用的，但是没有代码的fiddle链接被阻止了，以鼓励你也在网站上发布代码。请不要张贴答案，这些答案只不过是一个提琴的参考-你可以很容易地将它们内联。

fill.addEventListener("click", function(event)
{
        if ($(this).attr('value') == 'Top Up')
        {
            $(this).val('Stop');
            $(this).prev('.ui-btn-inner').children('.ui-btn-text').html('Stop');
            $(this).buttonMarkup({ theme: "c" });
        }       


       else
        {
            $(this).val('Stopping');
            $(this).prev('.ui-btn-inner').children('.ui-btn-text').html('Stopping');
            $(this).buttonMarkup({ theme: "b" });
        } 
});