0

我有一个javascript弹出功能...

popUp(title, body){
    $('body').append('<div id="popupWindow"><div class="close"></div>
        <h2 class="title">'+title+'</h2>
        <div class="body">'+body+'</div>
        </div>");
    // then on $('.close').click(func(){ remove() etc... } );
    // and keyCode == 13 remove();
}

将两个参数插入弹出窗口，然后插入到文档的 html 中。我有一个想法，<form>但body它是废话？

我已经尝试了各种方法，它似乎是 html 作为导致问题的参数。我的 javascript/jQuery 经验有限，所以你们/gals 可以提供的任何帮助将不胜感激。

谢谢，西

这不是一个完整的副本 - 但是你的权利，有一个流浪报价我没有在表格中逃脱谢谢你们（一个小时花了一个错字......）

4

3 回答 3

1

为您的表单设置一个标识符并在 JavaScript 代码中使用它。

<form id="myform"></form>


popUp(title, body){
    $('#myform').append('<div id="popupWindow"><div class="close"></div>
        <h2 class="title">'+title+'</h2>
        <div class="body">'+body+'</div>
        </div>');
    // then on $('.close').click(func(){ remove() etc... } );
    // and keyCode == 13 remove();
}

顺便说一句，您的附加语句中的引号有错误。

于 2012-08-08T14:06:39.533 回答
1

popUp 是一个函数吗？您还有一些换行问题。就个人而言，我会使用 jQuery 来构建您的元素……它更优雅。

function popUp(title, body){

    var $popup = $('<div />').attr('id', 'popupWindow');
    var $close = $('<div />').addClass('close');
    var $title = $('<h2 />').addClass('title').text(title);
    var $body = $('<div />').addClass('body').html(body);

    $popup.append($close).append($title).append($body);
    $('body').append($popup);
    // To append to a form, you can target it here instead of 'body'

}

popUp('My Title', 'Some <strong>body</strong> content');
于 2012-08-08T14:13:17.300 回答
0

我认为在附加方法中使用单引号和双引号的问题，使用 ASCII，代码如下：

 + String.fromCharCode(34) + title + String.fromCharCode(34) +

String.fromCharCode(34)用于"和 String.fromCharCode(39)用于'。

于 2012-08-08T14:19:29.000 回答