Question

我是jquery mobile的新手。我正在使用

显示按钮

<input type="button" id="result" value="" onclick="datedisplay()">

当我点击这个按钮时，我想要像

那样使用按钮的值

document.getElementById('result').value=""+results.values.join(' ');

results.values.join('')将包含字符串值。

我想在用户点击此按钮时显示该值。当我使用jquery移动框架时，它无法正常工作。当我使用普通的HTML时，我能够像这样显示。我甚至无法调整按钮的宽度，背景和字体大小。

默认css仅适用于我尝试使用我的样式。任何人都可以帮我如何在我需要时自定义覆盖jquery移动css的按钮。

Answer 1

由于您使用的是jquery mobile，您可以使用jquery为按钮设置点击处理程序：

$('#button_id').live('click', function() {
    $('#result').val('Set Value Here');
});

如果您使用的是onClick =“[Javascript Code]”，则应更改为上述示例中的点击处理程序，或将链接的href属性更改为：

href="javascript:[Javascript Code];"

因为Jquery Mobile在按钮设置样式时不会保持onclick。

要了解Jquery Mobile CSS，我建议使用FireBug for Firefox或类似的东西，它们将在JQuery Mobile渲染后显示DOM元素。 Jquery Mobile使用data-role =“button”获取链接，并将其转换为多个span标记。

例如：

<a href="#some_link" data-role="button" data-theme="a" data-inline="true">Some Link Text</a>

变成：

<a class="ui-btn ui-btn-up-a ui-btn-inline ui-btn-corner-all ui-shadow" data-inline="true" data-theme="a" data-role="button" href="#some_link">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Some Link Text</span>
</span>
</a>

jquery移动输入类型

1 个答案: