时间戳

首页 > 解决方案 > jQuery可以更改输入提交类型的文本但按钮不再可点击

javascript - jQuery可以更改输入提交类型的文本但按钮不再可点击

问题描述

我正在使用 jaquery 和 jquery mobile 1.8 版，我有一个像这样的按钮：

   <div class="ui-bar-a" id="myButton" style="bottom:0;position: fixed;width: 100%">
        <input type="submit" name="Next" id="NextButton" value="Save"  /> 
   </div>

我有一个 javascript 可以像这样更改它的文本：

     $('#AnyButton').live('click', function() {             
        if(true)
        {
            $('#myButton div').text('Saving')
        }
        else
            $('#myButton div').text('Continue');
    });

我尝试了许多其他不起作用的方法，但这有效，但是在我更改文本后，按钮似乎将 myButton div 内容替换为文本保存或继续，因此该按钮不再可点击。

在我的浏览器调试器中，按钮会在 myButton 和 Nextbutton 输入之间显示一个文本 Save。

像这样：

<div class="ui-bar-a" id="myButton" style="bottom:0;position: fixed;width: 100%">
"Save"
      <input type="submit" name="Next" id="NextButton" value="Save"  /> 
</div>

标签： javascriptjqueryjquery-uijquery-mobilejquery-plugins

解决方案

如果我正确阅读了您的帖子，您想更改输入的文本，您需要更改它的 value 属性。我认为.live相对较旧且已弃用，应替换.on为委托事件处理程序

$('#AnyButton').live('click', function() {             
    if(true)
        $('#myButton').find('input[type="submit"]').val('Saving');
    else
        $('#myButton').find('input[type="submit"]').val('Continue');
});

推荐阅读