我试图使用zclip jquery将数据复制到剪贴板。我面临的问题是当我复制它时将复制数据库中“name”字段中的所有内容。但我想要的是复制用户点击的单个名称。如果单击另一个副本。不是整件事。任何人都可以告诉我如何做到这一点。感谢。
这是zclip代码
$(document).ready(function(){
$('p#copy').zclip({
path:'js/ZeroClipboard.swf',
copy:function(){return $('div#copy').text();}
});
MySQL循环:
$query = "SELECT * FROM names ORDER BY id desc";
$result= mysql_query($query) or die ('Mysql Error');
while($row = mysql_fetch_array($result)){
echo '<div id="copy">'.$row['name'].'</div>';
echo '<p id="copy">copy</p>';
}
zclip网站:http://www.steamdev.com/zclip/
答案 0 :(得分:1)
您生成的HTML无效,最终会妨碍您实现您正在寻找的结果:在HTML中,ID只能使用一次(请参阅:Element identifiers: the id and class attributes)。您正在为多个DIV使用相同的ID。这不起作用,因为ID必须在整个HTML文档中唯一。
而是为每个DIV分配一个ID(例如,通过使用计数器),然后仅在特定DIV上应用jquery函数。
$idCounter = 0;
while($row = mysql_fetch_array($result))
{
$idCounter++;
echo '<div id="copy-div-', $idCounter, '">', $row['name'], '</div>';
echo '<p id="copy-p-', $idCounter, '" class="copy-click">copy</p>';
}
代码示例:使用计数器变量
创建多个ID