切换按钮无法正常工作While循环

我如何使slideToggle工作到所有我的查询，因为slideToggle只适用于第一个查询。任何人都可以帮助我吗？切换按钮无法正常工作While循环

JS代码

$(document).ready(function(){ 
$("#SendCopy").click(function(){ 
    $("#users").slideToggle("slow");        
});       
});

PHP代码

<?php 
while($get = mysqli_fetch_array($result)){ 
?> 
<input type="text" name="doc_no" value="<?=$get['doc_no']?>"> 
<div id="SendCopy"><input type="button" value="SendCopy" class="btn btn-default"></div> 
<div id="users"> 
    <span><strong>Quality Mngr: </strong><span style="color:#FF0000;"><?=$get['quality_manager'];?></span></span><br> 
    <span><strong>Technical Mngr: </strong><span style="color:#FF0000;"><?=$get['technical_manager'];?></span></span><br> 
    <span><strong>Top Mngr: </strong><span style="color:#FF0000;"><?=$get['top_manager'];?></span></span> 
</div> 
<?php } ?>

CSS样式

#status{ 
display: none; 
}

来源

2015-03-13 Jay Viluan

凡'SendCopy'和'users'元素？ – Satpal 2015-03-13 11:05:53

你的问题并没有意义我害怕 - 我猜这是语言障碍？ javascript如何与HTML或PHP相关联？ – 2015-03-13 11:07:11

您需要使用类，而不是ID，ID不能被复制。所以，改变你的ID到类，并相应地改变JQuery（使用类选择器）。如果它不起作用 - 发送给我们您的HTML输出，CSS和JS代码... – sinisake 2015-03-13 11:08:50

使用类而不是ID，因为while循环创建ID重复，试试这个..

<?php 
while($get = mysqli_fetch_array($result)){ 
?> 
<input type="text" name="doc_no" value="<?=$get['doc_no']?>"> 
<div class="SendCopy"><input type="button" value="SendCopy" class="btn btn-default"></div> 
<div class="users"> 
    <span><strong>Quality Mngr: </strong><span style="color:#FF0000;"><?=$get['quality_manager'];?></span></span><br> 
    <span><strong>Technical Mngr: </strong><span style="color:#FF0000;"><?=$get['technical_manager'];?></span></span><br> 
    <span><strong>Top Mngr: </strong><span style="color:#FF0000;"><?=$get['top_manager'];?></span></span> 
</div> 
<?php } ?>

和js代码一样，

$(document).ready(function(){ 
$(".SendCopy").click(function(){ 
    $(this).next(".users").slideToggle("slow");        
});       
});

来源

2015-03-13 11:11:50

它工作正常:)感谢您的帮助 – 2015-03-13 11:17:08

切换按钮无法正常工作While循环

回答

相关问题