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 回答