对话框中的链接会关闭对话框，并且不会在 JqueryMobile 中执行任何其他操作

发布于 2024-10-14 20:05:25 字数 274 浏览 1 评论 0原文

我的对话框页面中的链接有问题。事实上，这些链接不起作用，它们会关闭对话框页面并执行其他任何操作。我在 http://jquerymobile.com/demos/ 查看演示1.0a2/#docs/pages/docs-dialogs.html 和对话框中的链接也不起作用。

你有什么想法来纠正这个问题吗？

谢谢。

原文

分享到QQ

分享到微博

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

发布评论

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

残月升风 2024-10-21 20:05:25

演示中的链接指向页面，因此它可能有效...但是当我使用 firebug 更改 href 时，它会执行相同的操作。看起来您在 jqm alpha2 中发现了一个错误。

但有好消息。该错误已修复。请参阅：

http://jquerymobile.com/test/docs/#pages/docs -dialogs.html

http://jquerymobile.com/test/docs 是从存储库生成的文档（每天左右）

回复收藏 0 原文

国际总奸 2024-10-21 20:05:25

谢谢你。

但是此链接提供的javascript： http://jquerymobile.com/test/js/ 但这文件不完整（例如，它不包含 data-role="field-contain"）。

但正如 Naugtur 所说，有好消息：
我在网上找到了解决方案：
在 jquerymobile.com 下载此文件的未压缩版本：jquery-mobile-1.0a2.js 并修改此文件：

$.widget( "mobile.dialog", $.mobile.widget, {
   $closeBtn = $('<a href="#" data-icon="delete" data-iconpos="notext">Close</a>');
   $el.delegate("a, submit", "click submit", function(e){
      if( e.type == "click" && ( $(e.target).closest('[data-back]') || $(e.target).closest($closeBtn) ) ){         
     self.close();
     return false;
      }
$.mobile.activePage = this.element;         
});

替换行： if( e.type == "click" && ( $(e .target).closest('[data-back]') || $(e.target).closest($closeBtn) ) ){
通过： if( e.type == "click" && ( $(e.target).closest('[data-back]')[0] || this==$closeBtn[0] ) ){

和 : $.mobile.activePage = this.element;
通过： $.mobile.activePage = self.element;

这对我来说很有用。

Thanks for this.

But the javascript provided by this link : http://jquerymobile.com/test/js/ but this file is not complete (for example, it doesn't contain data-role="field-contain").

But like said Naugtur, there's good news :
I found on the internet the solution :
download the version uncompressed of this file : jquery-mobile-1.0a2.js at jquerymobile.com and modify this file :

$.widget( "mobile.dialog", $.mobile.widget, {
   $closeBtn = $('<a href="#" data-icon="delete" data-iconpos="notext">Close</a>');
   $el.delegate("a, submit", "click submit", function(e){
      if( e.type == "click" && ( $(e.target).closest('[data-back]') || $(e.target).closest($closeBtn) ) ){         
     self.close();
     return false;
      }
$.mobile.activePage = this.element;         
});

Replace the line : if( e.type == "click" && ( $(e.target).closest('[data-back]') || $(e.target).closest($closeBtn) ) ){
by : if( e.type == "click" && ( $(e.target).closest('[data-back]')[0] || this==$closeBtn[0] ) ){

and : $.mobile.activePage = this.element;
by : $.mobile.activePage = self.element;

This works good for me.

回复收藏 0 原文

~没有更多了~