javascript - jquery点击简单模态插件

标签 javascript jquery click modal-dialog

我想使用简单的模式插件将一个变量传递到我的 javascript 中,http://www.ericmmartin.com/projects/simplemodal/ , .click 函数在我的 View 中 (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/"'}

最佳答案

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

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

关于javascript - jquery点击简单模态插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7366157/

相关文章:

vba - 找不到任何方法来单击下拉菜单来选择任何更喜欢的项目

jQuery $ ('html, body' ).not()

javascript - 将文本添加到 Javascript Span id jquery

javascript - 如何在单个页面上创建滚动到顶部按钮?

javascript - 如何一键打开新窗口?

javascript - 使用简单的 javascript/jQuery UI 元素

javascript - 在 SVG 中居中 SVG

javascript - 如何通过 Angular 将鼠标悬停在另一个元素上时添加和删除一个元素的类?

javascript - 在IE中使用XMLHttpRequest读取本地文件

javascript - 单击时的 HTML 扩展框