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”的屬性或您想要的任何屬性。