0

我刚开始使用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>
4

2 回答 2

0

如果您将 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 移动 css 来帮助完成按钮。

我不确定您要做什么，但您可能还需要在加载 jquery 移动 JS 之前通过加载以下 JS 来禁用 ajaxForms/Links：

$(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxFormsEnabled: false, ajaxLinksEnabled: false ); });

欲了解更多信息：

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

于 2011-03-16T02:19:05.953 回答
0

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

尝试使用萤火虫来查看您的按钮是否已经存在 - 它们可能已被那些好看的按钮所取代。即使它们在那里——它们也可能不是同一个 DOM 节点。

尝试以下操作：

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

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

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

我想你可以使用<a class="button"而不是解决它<button

于 2010-12-18T18:02:41.553 回答