jquery html结果替换目标div或追加内容

时间:2014-04-20 19:32:13

标签: javascript jquery

从成功动作的javascript函数我使用它的id将内容注入div。

$.ajax({
             url: formatUrl('/MyController/MyActionMethod'),
             type: 'POST',
             contentType: 'application/json',
             data: JSON.stringify({ id: target }),
             success: function (result) {   
                   $("#myPopUp").html(result); 
                   $("#myPopUp").popup("open");
             },
             error:...
        });

在Layout.cshtml视图页面上我有div

<div id="myPopUp" data-role="popup">
      <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>        
    </div>

弹出窗口可以很好地呈现内容,但弹出窗口中没有关闭按钮。

我的问题是:如果我将结果从javascript发送到#myPopUp,我会覆盖<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>内容,因为它位于<div id="myPopUp" .. />标记下。

1 个答案:

答案 0 :(得分:1)

.html()将覆盖&lt; a&gt; dom元素。

.append()会将其添加到#myPopUp,以便它是&lt; a&gt;元件。