遇到一个问题就是form循环的时候div的ID可能会重复,导致后台多个记录中只有第一个才能用jquery这是头部JS <script language="javascript">
$(document).ready(function() {
new PopupLayer({trigger:"#ele3",popupBlk:"#blk3",closeBtn:"#close3",useFx:true});
});
</script>
这是逻辑代码<table>
<?php
while ($myrow = mysql_fetch_array($rs)){
$typerp=$myrow["tasktype"];
?>
<tr>
<!--<input type="hidden" name="userId" id="userId" value='<?=$myrow["userId"]?>'/>-->
<td class="icon"><img width=71 height=72 src='<?=$myrow["picUrl"]?>'/></td>
<td class="name"> <?=$myrow["userName"]?> </td>
<td class="gps_name"><div id="ele3" class="tigger">操作</div></td>
<div id="blk3" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>根据需要进行不同的操作</h2>
<a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
<ul>
<form method=post action="include/dosubmit.php">
<input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
<li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
<li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
</form>
</ul>
</div>
<div class="foot"><div class="foot-right"></div></div>
</div>
<td class="list_button"></td>
<td class="list_button"></td>
<td class="list_button"></td>
<td class="list_button"></td>
<td width="20px"></td>
</tr>
<tr>
<td colspan="5" style="height:2px;"><div class="table_divider"></div></td>
</tr>
<?php
}
echo "</table>";
这里就是调用的DIV<div id="blk3" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>根据需要进行不同的操作</h2>
<a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
<ul>
<form method=post action="include/dosubmit.php">
<input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
<li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
<li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
</form>
</ul>
</div>
<div class="foot"><div class="foot-right"></div></div>
</div>当 <td class="gps_name"><div id="ele3" class="tigger">操作</div></td> 循环出大于一条的时候,只有第一个“操作”能调出DIV,其他没有反应。
想知道如何让id="ele3"不重复,或者有什么办法让每个操作能调用div。
$(document).ready(function() {
new PopupLayer({trigger:"#ele3",popupBlk:"#blk3",closeBtn:"#close3",useFx:true});
});
</script>
这是逻辑代码<table>
<?php
while ($myrow = mysql_fetch_array($rs)){
$typerp=$myrow["tasktype"];
?>
<tr>
<!--<input type="hidden" name="userId" id="userId" value='<?=$myrow["userId"]?>'/>-->
<td class="icon"><img width=71 height=72 src='<?=$myrow["picUrl"]?>'/></td>
<td class="name"> <?=$myrow["userName"]?> </td>
<td class="gps_name"><div id="ele3" class="tigger">操作</div></td>
<div id="blk3" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>根据需要进行不同的操作</h2>
<a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
<ul>
<form method=post action="include/dosubmit.php">
<input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
<li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
<li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
</form>
</ul>
</div>
<div class="foot"><div class="foot-right"></div></div>
</div>
<td class="list_button"></td>
<td class="list_button"></td>
<td class="list_button"></td>
<td class="list_button"></td>
<td width="20px"></td>
</tr>
<tr>
<td colspan="5" style="height:2px;"><div class="table_divider"></div></td>
</tr>
<?php
}
echo "</table>";
这里就是调用的DIV<div id="blk3" class="blk" style="display:none;">
<div class="head"><div class="head-right"></div></div>
<div class="main">
<h2>根据需要进行不同的操作</h2>
<a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
<ul>
<form method=post action="include/dosubmit.php">
<input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
<li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
<li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
</form>
</ul>
</div>
<div class="foot"><div class="foot-right"></div></div>
</div>当 <td class="gps_name"><div id="ele3" class="tigger">操作</div></td> 循环出大于一条的时候,只有第一个“操作”能调出DIV,其他没有反应。
想知道如何让id="ele3"不重复,或者有什么办法让每个操作能调用div。
<div id="ele3" class="tigger">操作</div>
使用样式名称其他几个“操作” 还是只能调用第一个操作的div内容,因为我这隐藏的DIV是根据每个<tr>循环出来的,所以DIV的ID是一样的。