Jquery mobile Jquery移动弹出窗口自动触发

Jquery mobile Jquery移动弹出窗口自动触发,jquery-mobile,Jquery Mobile,我在index.html上设置了一个弹出窗口,如下所示: 你的决定已经作出: 问题是,我不知道为什么它会在加载时启动,某些属性会触发它,有人能找到问题吗?谢谢您的标记和代码有几个问题: 首先弹出窗口的标记看起来已经增强了jQM,就像从浏览器的开发者视图复制的一样。因此,首先要让它正常。可能看起来像 你的决定已经作出: 第二个打开它的弹出标记 ... ... 第三个使用适当的方式放置处理内容的代码 Forth停止使用带有jQM的事件属性上的onclick和其他。再次使用适当的jQM或j

我在index.html上设置了一个弹出窗口,如下所示:


你的决定已经作出:

问题是,我不知道为什么它会在加载时启动,某些属性会触发它,有人能找到问题吗?谢谢

您的标记和代码有几个问题:

首先弹出窗口的标记看起来已经增强了jQM,就像从浏览器的开发者视图复制的一样。因此,首先要让它正常。可能看起来像


你的决定已经作出:
第二个打开它的弹出标记


...
...
第三个使用适当的方式放置处理内容的代码

Forth停止使用带有jQM的事件属性上的
onclick
和其他
。再次使用适当的jQM或jQuery事件。
所以不是


使用


$(“#btnAgain”)。单击(函数(){
吃一些(“食物”);
返回false;
});
Fifth在注入html之后,您需要在父元素上调用
trigger('create')
,以便jQM增强注入的标记并设置其样式

var content=”;
...
内容+=';
$(“div.settings-content”).html(content.trigger(“创建”);

这里正在根据您的标记工作。正如您所看到的,弹出窗口不会自动弹出。有两个按钮显示如何以声明方式和编程方式打开弹出窗口。设置页面的内容被正确地插入和样式化。

不提供呈现,而是提供源代码标记和所有页面,而不仅仅是弹出窗口。更好的办法是创建复制问题的链接。@peterm[link]该JSFIDLE中的弹出窗口在哪里?@peterm抱歉,忘了添加它:[link]@peterm有错误的链接。。。。[链接]感谢您的详细回复!!我正在通过这个项目动态地学习JQuery,所以所有的细节都很有帮助。我这样做了,用户点击一个页面上的链接,并将用户发送到另一个页面。在另一个页面中会显示弹出窗口,但是使用上面的代码,弹出窗口不会呈现在新页面的中心,而是因为幻灯片转换为中心,好像有两个页面。你有办法解决这个问题吗?再次感谢您之前的回复,我很高兴这对您有所帮助。要在浏览器窗口中居中显示弹出窗口(如果这是您的问题),请在打开弹出窗口的锚点上使用
data position To=“window”
属性。请参阅有关定位弹出窗口的详细信息。我还更新了JSFIDLE,使打开弹出窗口的声明式和编程式方法相同(使用slideup转换并在浏览器窗口中居中)。我从另一个javascript文件启动弹出窗口时遇到问题,我从index.html正确引导弹出窗口(不得不将javascript放在#main中,现在我无法从helper.js文件启动它(它像以前一样正确加载内容,但当我单击时,它不会启动弹出窗口,而我复制了相同的代码,它直接在index.html中工作。你对此有什么线索吗?@Wigiri这似乎是另一个问题的好主题。只与相关代码和其他SO成员一起发布,否则我很乐意提供帮助。