Question

是否可以覆盖jquery移动表单按钮设置？

我想使用一个图像作为我的按钮激活/选择状态 - 但我正在努力禁用代码＆amp;样式自动添加..

是否可以禁用样式？

有人有任何建议吗？

干杯

保

Answer 1

嗯，我想您正在询问如何在按钮中使用自定义图标，请尝试查看此文档：

http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html

使用第三方图标集
您可以添加任何流行的图标库（如Glyphish）来实现具有较大的iOS样式选项卡图标堆积在文本标签上。所需要的只是一点点自定义样式以链接到图标并将其放置在导航栏中。以下是使用Glyphish图标和自定义样式的示例（查看页面我们的导航栏中的样式来源：

如果你需要禁用按钮，请看这里：

http://jquerymobile.com/demos/1.0/docs/buttons/buttons-methods.html

禁用禁用表单按钮

$('[type='submit']').button('disable');

如果你需要主题按钮，请看这里：

更新：

直播示例：

http://jsfiddle.net/JZJny/

JS

$('.imageClick').click(function() {
    alert('I have been clicked'); 
});

HTML

<div data-role="page" id="home">  
    <div class="content">
        <img class="imageClick" src="http://condo69.com/yahoo_site_admin/assets/images/clickhere.363151626_std.jpg" alt="click" height="42" width="42" />
    </div>
</div>

Answer 2

要禁用自动样式，您可以使用CSS3：not（）更改默认选择器，或者只是将其更改为其他内容：

<script>
$(document).on("mobileinit", function(){
    $.mobile.button.prototype.options.initSelector = ".onlyMyButtons";
    // default: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"
});
</script>

通过http://jquerymobile.com/demos/1.0/docs/buttons/buttons-options.html

Jquery Mobile - 禁用表单按钮样式

2 个答案: