jQuery的点击简单的模态插件

Question

我想使用简单的模态插件http://www.ericmmartin.com/projects/simplemodal/在我的视图（html）中将.click函数传递给我的javascript，这是我的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/"'}

Answer 1

jQuery Dialog已经为您构建了此确切功能。 我强烈建议您尝试这种方法：

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

Answer 2

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