jquery mobile 剥离我的 id

发布于 2024-10-08 01:31:33 字数 676 浏览 4 评论 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>

原文

I am just starting to use jquery mobile.

When I drop jquery mobile js and css into a working jquery page,
jquery mobile seems to be stripping off my custom id's and breaking
the example. Is there a 'jquery mobile' way to do this?

$(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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

巴黎夜雨 2024-10-15 01:31:33

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

尝试使用 firebug 来查看您的按钮是否还在那里 - 它们可能已被那些好看的按钮所取代。即使它们存在，它们也可能不是相同的 DOM 节点。

尝试以下操作：

在脚本中添加 window.hook=$('#btnGPSDefault');
刷新页面后，在 firebug 控制台中写入 window.hook，按 Enter 键并单击出现什么（如果它不为空）

它应该显示节点在哪里（如果它仍然存在）。

如果 jquery mobile 真的把它弄乱了——那就是一个错误。

我想你可以使用 而不是来解决它

回复收藏 0 原文

娇俏 2024-10-15 01:31:33

如果您将 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; " />

正如您从“class”中看到的，我引入了一些 jquery mobile css 来帮助绕过按钮。

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

$(document).bind("mobileinit", function(){
$.extend( $.mobile , {
ajaxFormsEnabled：假，
ajaxLinksEnabled：假
）；
});

If you add a data-role="none" to the button element you use, jquery mobile will not mark it up. Check out this for more info: http://jquerymobile.com/test/docs/forms/docs-forms.html

This is something I used:

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

As you can see from "class", I pulled in some of the jquery mobile css to help round the button.

I'm not sure what your are trying to do, but you may also need to disable ajaxForms/Links by loading the following JS before you load the jquery mobile JS:

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

For more info:

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

回复收藏 0 原文

~没有更多了~