2012-01-06 74 views
1

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

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); 
}; 
+3

没有看到你的HTML没有人可以帮助你。 – 2012-01-06 16:22:16

+0

看看在浏览器中呈现的HTML ...你确定它是在 – samccone 2012-01-06 16:24:54

+0

添加消息和btn html错误控制台说什么?检查你的报价,在'btns'变量上。 – leopic 2012-01-06 16:26:12

回答

2

该元素的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,要么只改掉一个。

+0

#managermsg元素也没有显示属性,但它工作正常。 – stevenpepe 2012-01-06 16:25:07

+0

@stevenpepe - 请参阅编辑 – 2012-01-06 16:28:24

+0

让我澄清一下,#managerbtns元素是#managermsg元素的副本。唯一的区别是顶级属性更高,以允许它出现在#managermsg下面。但由于某种原因,它永远不会出现。 – stevenpepe 2012-01-06 16:29:57

0

<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>";