jquery单击简单模态插件

时间:2011-09-09 18:51:04

标签: javascript jquery click modal-dialog

我想将一个变量传递到我的javascript中,使用简单的模态插件,http://www.ericmmartin.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/"'}

2 个答案:

答案 0 :(得分:0)

Jquery Dialog已经为您构建了这一功能。我强烈建议你尝试这种方法:

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

答案 1 :(得分:0)

使用$(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”的属性或任何你想要的属性。