Question

我刚刚开始使用jquery mobile。

当我将jquery mobile js和css放入工作的jquery页面时， jquery mobile似乎正在剥离我的自定义ID并打破这个例子。是否有“jquery mobile”方式来做到这一点？

$(document).ready(function() {

            // ----
            $('#btnGPSDefault').click(function() {
                alert("!");
                getPosition('');
            });

            // ----
            $('#btnGPSHigh').click(function() {
                getPosition('{enableHighAccuracy : true}');
            });   
      });



<button id="btnGPSDefault">Get Coordinates (default settings)</button>
<button id="btnGPSHigh">Get Coordinates (high accuracy)</button>

Answer 1

我自己必须看到问题，但我可以猜测，当你使用按钮和jquery mobile时 - 很多事情都会发生。按钮显示为漂亮和圆润的按钮。这是通过额外的标记完成的。

尝试使用firebug来查看你的按钮是否已经存在 - 它们可能会被那些看起来很棒的按钮取代。即使他们在那里 - 他们可能不是相同的DOM节点。

尝试以下方法：

添加到您的脚本window.hook=$('#btnGPSDefault');
在firebug控制台中刷新页面window.hook后，按回车并单击出现的内容（如果它不是空的）

如果节点仍然存在，它应该显示节点的位置。

如果jquery mobile真的搞砸了 - 这是一个错误。

我想您可以使用<a class="button"代替<button

Answer 2

如果向您使用的按钮元素添加data-role =“none”，jquery mobile将不会对其进行标记。有关详细信息，请查看此信息：http://jquerymobile.com/test/docs/forms/docs-forms.html

这是我用过的东西：

 <input type="button" data-role="none" class="flip ui-btn-corner-all ui-shadow" value="+" style="font-size: 300%; background-color: green; color: white; " />

正如你从“课堂”中看到的那样，我拉了一些jquery mobile css以帮助绕过按钮。

我不确定你要做什么，但是你可能还需要在加载jquery mobile JS之前加载以下JS来禁用ajaxForms / Links：

$（document）.bind（“mobileinit”，function（）{ $ .extend（$ .mobile，{ ajaxFormsEnabled：false， ajaxLinksEnabled：false ）; }）;

欲了解更多信息：

http://jquerymobile.com/test/docs/api/globalconfig.html

jquery mobile剥离我的id

2 个答案: