将HTML放入自定义javascript消息框中

put html in a custom javascript message box

本文关键字：消息 javascript 自定义 HTML      更新时间：2023-09-26

如何在自定义JavaScript消息框中放置HTML ?我有一个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");
};

我假设您能够使用描述中提到的自定义js框，

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

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

示例代码如下

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");
    });
};

或者你可以使用引导模态

http://getbootstrap.com/javascript/情态动词

或JQuery Ui对话框

http://jqueryui.com/dialog

相关文章：