Tag: 弹出

关闭浏览器窗口之前的JQuery对话框: 我从其他post中了解到，处理此问题的唯一方法是通过无法编辑的浏览器对话框。无论我如何离开页面，我遇到的问题都是盒子出现者。该页面有一个保存和删除按钮，这是离开页面的正确方法，我不希望为他们显示对话框。这是我的JQuery $(document).ready(function(){ //save or delete window.onbeforeunload = function() { var message = ‘You have unsaved changes, please stay and save or delete them.’; return message; } }); 以及保存和删除按钮是： Save Delete 我正在使用更多的JQuery来处理它们的function，因此它们没有href。

带有警报弹出窗口的JQuery表单validation – 警报仍然显示有效提交: 我正在使用Jqueryvalidation函数进行表单validation。到目前为止，我一直在将错误消息附加到页面元素，但我现在想要在警告弹出窗口中显示它。当用户未选择任何内容时，警报弹出窗口会成功显示错误消息，但是当他们提交有效表单时仍会显示该消息（此时没有错误消息）。如何在提交有效表单后停止弹出窗口？这是我的js代码，我已经实现了单选按钮的警报。您可以在http://hiplogger.hip-zone.co.za/partner/mobile上看到这一点 $(“#quickieform”).validate({ rules: { answer: “required” }, answer: { answer: “Please make a selection” }, errorPlacement: function(error, element) { if ( element.is(“:radio”) ) alert(error.html()); else if ( element.is(“:checkbox”) ) error.appendTo( (“#alertbox”) ); else error.appendTo( (“#alertbox”) ); }, submitHandler: function(form) { // do other stuff for a valid form form.submit(); }, […]

Jquery同时附加和绑定的问题: 我正在为我的网站制作一个精细的下拉选择解决方案。我制作了一个Click Here!链接。点击它我调用一个popup()函数。 $(“.popper”).click(function() { popup($(this)); }); 在popup()函数中我检查是否已经打开了？没有？让我们做一个div并用fillwiththings()填充它。 function popup(where) { if (where.hasClass(“on”)) { where.removeClass(“on”); where.next(“div”).remove(); } else { where.addClass(“on”); fillwiththings(where); } } function selectclose(where) { var nameval = $(this).attr(“name”); var textval = $(this).text(); where.attr(“name”, nameval); where.text(textval); where.removeClass(“on”); where.next(“div”).remove(); } function fillwiththings(where, id) { $container = $(”) for (i = 0; i […]

当模态关闭时停止video: 我正试图在关闭时停止播放模态中的video。问题是我的模态脚本将模态从其原始位置移动到结束标记之前。因此，在模态窗口上方停止video脚本时，video在模态关闭后永远不会停止播放。这是我使用的模态脚本https://github.com/VodkaBears/Remodal JQUERY停止video var stopVideo = function ( element ) { var video = element.querySelector( ‘video’ ); // script stops here with this error message: (index):684 Uncaught TypeError: Cannot read property ‘querySelector’ of null. if ( video !== null ) { video.stop(); } }; $(‘.remodal-close’).click(function(){ var id = this.id || this.getAttribute( ‘data-remodal-id’ ); […]

jQuery – 选择除一个div之外的页面上的所有内容: 如何使用jQuery选择除特定div之外的页面上的每个和所有内容？实际上我试图在特定div的弹出窗口中淡化其余背景。但问题是并非一切都在某个div内。很少有元素没有任何父div。 12345 XXXXXX 56789 AAAAA 我正在使用下面的代码，但这不是没有父div的渐弱内容（即12345和56789）。它只是’second_div’的内容消失（即XXXXXX）。 $(‘body > div:not(#popup)’).css(“opacity”,’0.7′); 请指导我如何使用jQuery执行此操作。

jquery点击href链接 – 必须单击两次: 该function有效，但弹出窗口仅在单击按钮两次后才会打开（然后，后续单击会在第一次单击时获得操作）。 $(document).ready(function(){ $(‘a#printPosBtn’).on(‘click’, function(e) { e.preventDefault(); $(‘.printPopup’).popupWindow({ centerBrowser:1, height:500, width:720, scrollbars: 1, resizable: 1 }); return false; }); }); 怎么了？

SimpleModal和ASP.NET MasterPage: 将SimpleModal与ASP.NET和MasterPages集成这是此处找到的先前线程的延续。感谢我之前收到的帮助，代码在一个页面中工作，我可以使用SimpleModal。但我的应用程序有MasterPages，所以我将其粘贴到另一个测试表单中。结果与我在没有MasterPage的情况下运行的测试不同。没有MasterPage，模态打开并保持打开直到用户关闭。使用此MasterPage版本，模态仅打开一秒钟然后关闭。谁知道为什么？下面是默认的示例母版页。没有进行任何编辑。这是来自网页的jquery调用。注意：这包含与我上面提到的上一篇文章完全相同的jquery代码，除了我现在指向本地.js文件。 #simplemodal-overlay {background-color:#000;} #simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;} Email: Message: Show Sample Data Your email was successful!! You can press ESC to close this dialog or click close. $(document).ready(function() { $(“#theModal”).click(function() { $(“#sample”).modal({ opacity: 80, overlayCss: { backgroundColor: “#fff” } }); }); }); […]

使用JQuery打开弹出窗口并打印: 前段时间我使用jQuery创建了一个灯箱插件，它将链接中指定的URL加载到灯箱中。代码非常简单： $(‘.readmore’).each(function(i){ $(this).popup(); }); 并且链接看起来像这样： TJ Kirchner 该插件还可以接受宽度，高度，不同URL以及更多数据传递的参数。我现在面临的问题是打印灯箱。我进行了设置，以便灯箱的顶部有一个打印按钮。该链接将打开一个新窗口并打印该窗口。这一切都由灯箱插件控制。这是代码的样子： $(‘.printBtn’).bind(‘click’,function() { var url = options.url + ( ( options.url.indexOf(‘?’) < 0 && options.data != "" ) ? '?' : '&' ) + options.data; var thePopup = window.open( url, "Member Listing", "menubar=0,location=0,height=700,width=700" ); thePopup.print(); }); 问题是脚本似乎没有等到窗口加载。它想要在窗口出现的那一刻打印出来。因此，如果我单击“取消”到打印对话框，它将一次又一次地弹出，直到窗口加载。我第一次尝试打印时得到了一个空白页面。那可能是因为窗口没有完成加载。我需要找到一种方法来改变前面的代码块，等到窗口加载然后再打印。 […]