-1

请问有谁知道如何使这个切换按钮按照下面的代码工作。它仅在第一次单击后有效，然后按钮值不会改变

http://jsfiddle.net/ossama/2MbsG/

<script type='text/javascript'>
    $(window).load(function () {
        fill.addEventListener("click", function (event) {

            if ($(this).attr('value') == 'Top Up') {
                $('#fill').prev('.ui-btn-inner').children('.ui-btn-text').html('Stop');
                $('#fill').buttonMarkup({
                    theme: "c"
                });
            } else {
                $('#fill').prev('.ui-btn-inner').children('.ui-btn-text').html('Stopping');
                $('#fill').buttonMarkup({
                    theme: "b"
                });
            }

        });
    });
</script>
</head>
<body>
    <input id="fill" type="button" data-inline="true" value="Top Up" data-mini="true"
    data-theme="c" />
4

3 回答 3

2

我希望这个修改过的小提琴按预期工作：

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" });
        } 
});
于 2013-03-21T11:36:59.013 回答
0

$(this)在更改元素的 HTML 时更改值

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

您修改后的代码 http://jsfiddle.net/2MbsG/5/

于 2013-03-21T11:30:06.383 回答
-1

它应该如何工作。每次点击后你都不会改变它的value属性，所以if不会进入else选项。

于 2013-03-21T11:23:40.237 回答