Question

如何将HTML放在自定义JavaScript消息框中？我有一个HTML文件，我想在消息框中加载其内容（而不是其代码）。在我的var前面，我可以编写HTML代码并且它运行良好，但我想在单独的文件中加载包含大量代码的HTML。这是我的JS代码：

var showreadylist = function(element) {
    var div = //any code that i could load my html here ! ;
    div.click(function(event) {
        $(".vote-notification").fadeOut("fast", function() { $(this).remove(); });
    });

    var where = where || 'parent';

    if (where == 'parent'){
        element.parent().append(div);
    }
    else {
        element.after(div);
    }

    div.fadeIn("fast");
};

Answer 1

我假设您可以使用描述中提到的自定义js框

我只是提供了通过ajax从html获取数据并附加到目标div的选项。

我不确定click事件处理程序，但是你需要以这种方式处理，这只是你提供的示例代码。

示例代码如下

var showreadylist = function(element) {
    var div = //any code that i could load my html here ! ;
    $.get("htmlfile", function(data){
     div = data;

    div.click(function(event) {
        $(".vote-notification").fadeOut("fast", function() { $(this).remove(); });
    });

    var where = where || 'parent';

    if (where == 'parent'){
        element.parent().append(div);
    }
    else {
        element.after(div);
    }

    div.fadeIn("fast");

    });
};

Answer 2

或者你可以使用bootstrap模态

http://getbootstrap.com/javascript/#modals

或JQuery Ui的对话框

http://jqueryui.com/dialog

将html放在自定义的javascript消息框中

2 个答案: