<分区>
标签 javascript jquery html css
<分区>
我目前在显示一系列 <ul>
时遇到问题标签,但一次只显示一个并为每个 <li>
添加一个删除按钮子标签以便删除并显示另一个用户。
这是我的代码:
<ul id="facebook">
<?php
$sql=mysqli_query($conn,"SELECT * FROM users2 LIMIT 10");
while($row=mysqli_fetch_array($sql))
{
$user_id=$row['id'];
$user_name=$row['name'];
$user_image=$row['profile_pic'];
?>
<li class="myLi" id="list<?php echo $user_id; ?>">
<img src="http://www.hootpile.com/userdata/profile_pic/<?php echo $user_image; ?>" />
<span class="del"><a href="#" class="delete" id="<?php echo user_id; ?>">X</a></span>
<a href="" class="user-title"><?php echo $user_name;?> </a>
<span class="addas">Add as Friend</span>
</li>
<?php
}
?>
</ul>
<script type="text/javascript">
$('#facebook').on("click", '.delete', function() {
var element = $(this);
var I = element.attr("id");
$('li#list'+I).fadeOut('slow', function() {$(this).remove();});
});
</script>
但它似乎并没有删除 li 标签并显示另一个标签。我还添加了这个 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript">
脚本也在 head 标签中,但一切似乎都不起作用。
最佳答案
<script type="text/javascript">
$('#facebook').on("click", '.del', function() {
var element = $(this);
var I = element.attr("id");
$('li#list'+I).fadeOut('slow', function() {$(this).remove();});
});
</script>
您正在将点击事件委托(delegate)给 .delete
类的组件,但您没有该类的任何组件。
您应该改用 .del
!
关于javascript - 无法使用 javascript 删除和显示另一个 ul 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29727293/