jquery click 简单模态插件

发布于 2024-12-03 17:03:47 字数 841 浏览 0 评论 0原文

我想使用简单的模态插件 http://www.ericmmartin 将变量传递到我的 javascript 中。 com/projects/simplemodal/,我视图中的 .click 函数(html)...这是我的 javascript:

$('#basic-modal .basic').click(function (e) {
    var src = "http://365.ericmmartin.com/"
    $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
        closeHTML:"",
        containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830
        },
        overlayClose:true
    });
        return false;
    });

这是我在 html 中尝试的内容:

<代码>%a.basic{:href => "#", :onclick => 'var src =“http://somesite.com/”'}

i would like to pass a variable into my javascript, using simple modal plugin, http://www.ericmmartin.com/projects/simplemodal/, .click function in my view (html) ... how this is my javascript:

$('#basic-modal .basic').click(function (e) {
    var src = "http://365.ericmmartin.com/"
    $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
        closeHTML:"",
        containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830
        },
        overlayClose:true
    });
        return false;
    });

and here is what i tried in my html:

%a.basic{:href => "#", :onclick => 'var src = "http://somesite.com/"'}

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

つ可否回来 2024-12-10 17:03:47

Jquery Dialog 已经为您构建了这个确切的功能。我强烈建议您尝试这种方法:

http://jqueryui.com/demos/dialog/

Jquery Dialog has this exact functionality already built for you. I would highly recommend you try out this approach:

http://jqueryui.com/demos/dialog/

爱冒险 2024-12-10 17:03:47

使用 $(this).attr("friendid") 使其工作:

    $('#basic-modal .basic').click(function (e) {
$.modal('<iframe src="' + $(this).attr("friendid") + '" height="474" width="532" style="border:0;" scrolling="no">', {
    closeHTML:"",
    containerCss:{

    },
    overlayClose:true
});
    return false;

并在 HTML 中创建一个名为“friendid”的属性或任何您想要的属性。

Using $(this).attr("friendid") makes it work:

    $('#basic-modal .basic').click(function (e) {
$.modal('<iframe src="' + $(this).attr("friendid") + '" height="474" width="532" style="border:0;" scrolling="no">', {
    closeHTML:"",
    containerCss:{

    },
    overlayClose:true
});
    return false;

And in the HTML create an attribute called "friendid" or whatever you want.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文