jQuery移动按钮启用/禁用和文本区域自动调整大小后更改

Question

jQuery移动按钮启用/禁用和文本区域自动调整大小后更改

3

如何禁用/启用一个不在表单中而是在导航栏中的按钮？我尝试了一些例子，但都失败了。
我正在改变我的文本区域文本$("textarea").val(x); 文本正在改变，问题是它没有自动重新调整大小，我看到了难看的滚动条在侧边，如果我手动调整它，就可以解决…有没有一种方法来强制刷新或类似的东西？

谢谢

Update (TextArea):

If i click on the text area and then press any key -> it opens up as should be, I'm trying to simulate it .. but fail , the binding is works , but the trigger for keypress/keydown doesn't , I tried some codes from googling, this should work , I think , mayb for nomral jQuery 1.6 , but not jQuery mobile.. My test are are on Chrome and iPhone 4

$('#textarea').bind('click', function() {
    var e = jQuery.Event("keypress", { keyCode: 64 });
    $(this).trigger( e );
});

- Zakos

这实际上是两个不同的问题。 - Phill Pafford

1

+1 因为它们都是好问题。 - Phill Pafford

同时，提供您尝试过的代码也会有所帮助。我仍然认为您应该将这个问题编辑成一个问题，并为另一部分发布一个新问题。 - Phill Pafford

这是从谷歌搜索中找到的代码，我不记得是什么了。 - Zakos

关于文本区域的问题：如果我能模拟强制执行：A）文本区域焦点 B）按键按下，它将解决问题，我该怎么做？ - Zakos

你能同时在问题中添加HTML代码吗？ - balexandre

2个回答

1

关于您的第二个问题，您可以通过在

- tex

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Phill Pafford · Accepted Answer

更新：

链接按钮示例：

http://jsfiddle.net/gRLYQ/6/
http://jsfiddle.net/gRLYQ/7/（标题按钮示例）

JS

var clicked = false;

$('#myButton').click(function() {
    if(clicked === false) {
        $(this).addClass('ui-disabled');
        clicked = true;
        alert('Button is now disabled');
    } 
});

$('#enableButton').click(function() {
    $('#myButton').removeClass('ui-disabled');
    clicked = false; 
});

HTML

<div data-role="page" id="home">
    <div data-role="content">

        <a href="#" data-role="button" id="myButton">Click button</a>
        <a href="#" data-role="button" id="enableButton">Enable button</a>

    </div>
</div>

注意：- http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html 将链接样式化为按钮的外观选项与真正基于表单的按钮完全相同，但有一些重要的区别。基于链接的按钮不是按钮插件的一部分，仅使用底层的buttonMarkup插件生成按钮样式，因此不支持表单按钮方法（启用、禁用、刷新）。如果您需要禁用基于链接的按钮（或任何元素），可以使用JavaScript自己应用disabled类ui-disabled以达到相同的效果。