Question

下面的函数显示两个框元素，每个元素都有自己的消息，一个在另一个下面。我无法让#managerbtns元素出现。我最初隐藏了#managermsg元素，但它永远不会出现在页面的任何地方。只有#managermsg框淡入。我试图改变#managerbtns元素的属性，但没有任何作用。

function DeleteUser(id, deleting){

var message = "<h1>Are you sure? All records associated with this user will be deleted also.</h1>";
var btns = "<a href=# class=delete id="+id+">Delete</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href=# class=cancel id="+id+">Cancel</a>";

$('#managermsg').html(message);
$('#managerbtns').html(btns);
$('#managermsg').fadeIn(500);
$('#managerbtns').fadeIn(500);
};

Answer 1

该元素中的html已损坏

var btns = "<a href=# class=delete id="+id+">Delete</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href=# class=cancel id="+id+">Cancel</a>";

您需要引用这些属性：

var btns = "<a href='#' class='delete' id='"+id+"'>Delete</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href='#' class='cancel' id='"+id+"'>Cancel</a>";

此外，您正在使用相同ID 创建两个锚元素。那绝对不错。要么更改其中一个ID，要么只删除一个。

Answer 2

<a href=# class=delete id="+id+">Delete</a>  |  <a href=# class=cancel id="+id+">Cancel</a>中的所有属性值都不在引号中。尝试改变它如下

var btns = "<a href='#' class='delete' id='"+id+"'>Delete</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                               <a href='#' class='cancel' id='"+id+"'>Cancel</a>";

jQuery元素没有显示

2 个答案: