Question

我试图使用jquery在html中显示自定义提醒。我怎么能解决这个问题呢？

这是我在HTML中声明div的地方

<div class="control-group">
    <div class="controls" id ="Alrt">

    </div> 
</div>

这是我尝试在jquery函数中运行它的地方

  $("#Alrt").val('<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button>Loaded In</div>  ');

Answer 1

.val()仅适用于输入元素。

因此，为了完成您的任务，您必须使用.html()

尝试，

$("#Alrt").html('<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button>Loaded In</div>');

而不是，

$("#Alrt").val('<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button>Loaded In</div>');

Answer 2

使用.html()代替.val();

 $("#Alrt").html('<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button>Loaded In</div>  ');

Answer 3

您必须使用.html（）才能使其正常工作。我认为这就是你所需要的 - HTML-

<div class="control-group" id ="OuterDiv">
</div>

JS-

$("#OuterDiv").append('<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button>Loaded In</div>  ');