Tag: simplemodal

如何使用onclick内联调用simplemodal？

我可以在某种程度上使用Eric Martin的simplemodal。 但是我想把它称为内联onclick 。 像这样内联的东西： IBM 不是这样的:(通常在页面底部） $(‘.free_modal’).click(function(e) {var hrefval= $(this).attr(“href”); $.modal(”, {closeHTML:””, overlayCss: {backgroundColor:”#000″, opacity:85}, containerCss:{backgroundColor:”#B9B54F”, borderColor:”#B9B54F”, border:20, height:555,padding:10, width:1020}, overlayClose:true}); e.preventDefault(); }); 任何人都可以告诉我如何做到这一点。 我阅读了文档，但对我来说并不清楚。 也许这不应该完全与“onclick”内联完成，也许可以调用具有合理默认值的类（即没有高度和宽度的类以及文字URL）。 我在一个simplemodal脚本上有一个以前的相关post来处理图像 ，它给出了： $(document).ready(function(){ $(“.photo”).click(function(e) { var hrefval= $(this).attr(“href”); $.modal(”, { containerCss: { height:’auto’,width:’auto’}, overlayClose: true }); e.preventDefault(); }); }); 我换了$ .modal（’ 有什么建议？ 我真的想为我所有的模态需求标准化simplemodal。 更新：我使用了Chris Heald的想法，并为iframe simplemodal提出了这个想法。 请注意，它根据内联高度和宽度设置容器大小以及iframe大小。 $(‘.ibm_modal’).click(function(e) […]

simplemodal点击显示图片？

我一直在研究这个问题大约十个小时，而且我开始学习这个方法并不像我开始那样。 http://www.ericmmartin.com/projects/simplemodal上的所有示例似乎都没有用我熟悉的术语和HTML代码来解决这个问题。 我的测试页面位于： http ： //chesstao.com/test.php 我想我按照说明试了一下： test click me $(“#sample”).modal({opacity:80,overlayCss: {backgroundColor:”#fff”}}); 但结果很糟糕。 我真的很想知道我错过了什么简单的解决方案！

jQuery simplemodal closeHTML问题

我在使用jquery.simplemodal插件初始化模态窗口时遇到了问题。 没有closeHTML选项，模式窗口格式正确。 $.modal(html, {}); 但是，如果我指定了closeHTML ，则模态窗口将被格式化为适合带有滚动条的近10×10像素的正方形。 $.modal(html, { closeHTML: ‘Close’, }); 有没有人遇到这个问题，并有任何想法修复？ 相关规格如下： Ubuntu x86_64上的Chrome8 jQuery 1.4.4 jquery.simplemodal 1.4.1

SimpleModal containerCSS无法在Firefox或Chrome中运行

我试图覆盖带有containerCSS的simplemodal jquery插件附带的默认stlyesheet中的设置，这在IE7中工作正常但不适用于Firefox或Chrome。 不确定这是一个错误还是我做错了什么。 jQuery代码： $(document).ready(function() { $(“#ButtonPopup”).click(function() { $(“#addEditTask”).modal({ onOpen: modalOpen, persist: true, containerCss: ({ width: “300”, height: “200”, marginLeft: “-150” }) }); return false; }); }); HTML代码： Popup Aliquam nonummy adipiscing augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, […]

SimpleModal确认无法提交表单

我正在尝试使用jQuery SimpleModal Confirm在提交表单时显示是/否确认。 我在这里修改了演示 （列表中的最后一个），如下所示，以捕获并阻止表单提交。 但是，这似乎只适用于jQuery 1.2.6最近升级到1.3.2如果单击是，则停止提交表单。 但是，我不能解决我的代码中现在错误/不兼容的问题。 演示（这是一个简单的window.href实现在两个版本中都有效）。 $(document).ready(function () { $(‘input.delete’).click(function (e) { e.preventDefault(); var target = $(e.target); confirm(“Really delete this event?”, function () { target.click() }); }); });

关于SimpleModal jQuery插件的问题 – 初次打开后可能重新居中？

我的问题与SimpleModal jQuery插件有关 。 我打开模态窗口没有问题，但是一旦打开它就会停留在屏幕上[居中]的位置，但是它的内容正在变化，使其更高，因此不再居中。 是否有一种简单的方法可以重新调整它以使其再次居中？ 编辑：我认为通过显示两个截图来帮助解释我的问题： 之前和之后 – 基本上我使用jQuery的slideUp和slideDownfunction来隐藏信用卡表单，具体取决于用户是通过现金/支票还是信用卡付款。 显然，对于信用卡字段，容器的高度增加了。 我尝试在slideUp / slideDown的回调元素中添加$(“div#modal-element”).setPosition()但无效 – 实际上setPosition()抛出了JS错误，因为显然该函数不存在。 我总是尝试添加autoResize选项并将其设置为true。

在jquery.simplemodal中使用iframe，当弹出窗口关闭时iframe重新加载

var pt_popup_options = {}; function pt_popup_iframe(sURL, sOkFunction) { pt_popup_okfunction = sOkFunction; $(“#pt_msgBox”).css(‘width’, ‘700px’); $(“#pt_msgBox”).css(‘heigth’, ‘500px’); $(“#pt_msgBox > p”).html(”); $(“#pt_msgBox”).modal(pt_popup_options); } 当弹出窗口通过关闭按钮或弹出窗口右上角的“x”关闭时，iframe会重新加载并向服务器发出请求。 它不应该这样做。 有什么想法可以防止吗？ 我在Chrome和jQuery 1.4.2上。 谢谢！

Simplemodal滚动条和关闭图像问题

我有一个simplemodal jquery弹出窗口，必须将溢出设置为auto，因为结果列表可能很长。 滚动条显示正常，但紧密的图像被推到垂直滚动条和simplemodal边框后面。 如果我评论出来的话 overflow: ‘auto’, 线条关闭图像在边框顶部显示正常。 我已经尝试将图像的z-index设置得非常高，但没有做任何事情。 它还会使水平滚动条显示，因为关闭图像位于垂直滚动条的后面。 我的jquery代码是 jQuery(‘#CustLookupResults’).modal({ containerCss: { padding: 0, overflow: ‘auto’, maxHeight: 800 }, onShow: function (dlg) { $(dlg.container).css(‘width’, 650); $(dlg.container).css(‘height’, ‘auto’); }, overlayClose: true, opacity: 75 }); 我的css是 #simplemodal-container { border:8px solid; padding: 12px; border-color:Black; border-style:outset; background-color:White; color:Black; vertical-align:middle; text-align:center; } #simplemodal-container a.modalCloseImg { background:url(../images/x.png) no-repeat; /* adjust […]

将simplemodal模态放在现有div的顶部

我正在尝试使用simplemodal插件在现有div上放置modal dialog。 这是我的代码; 它不起作用： jQuery(function ($) { $(‘.slider-caption .basic’).click(function (e) { var p = $(“#slider1”); var position = p.position(); $(‘#basic-modal-content’).modal({ position: “absolute”, left: position.left, top: position.top }); return false; }); }); 它仍然在窗口中间绘制。 我也尝试将autoPosition选项设置为false，但这只是让它在左边的现有内容下面绘制。 我正在使用simplemodal的1.4.1版本。

如何从JQuery中的modal dialog中获取结果

我想在UI工具包中使用像simple-modal这样的加载项或对话框加载项。 但是，我如何使用这些或其他任何结果并获得结果。 基本上我希望模态与服务器进行一些ajax交互，并返回调用代码的结果来做一些事情。 谢谢。