Question

我有一个喜欢的脚本，从php获取ID并将id插入数据库，然后脚本按ID显示结果。我对不同的ID使用相同的html代码和相同的脚本，但是在第一个div id上打开siledown结果而不是我点击它的ont：

HTML：

    <a href="javascript://" class="like" sta_id="1" username="{S_USERNAME}" title="Like">Like</a>
<div id="sn_likebox">
<span id="close"><a href="javascript://" class="close" title="Close This">X</a></span>
<div style="height:13px">
<div id="flash">Loading........</div>
</div>
<div id="sn_like_content">
</div>
</div>
<p>----------------------------------</p><div></div>
<p>-----------------------------------</p><div></div>
<a href="javascript://" class="like" sta_id="2" username="{S_USERNAME}" title="Like">Like</a>
<div id="sn_likebox">
<span id="close"><a href="javascript://" class="close" title="Close This">X</a></span>
<div style="height:13px">
<div id="flash">Loading........</div>
</div>
<div id="sn_like_content">
</div>
</div>

脚本：

$(".like").click(function()
{
var sta_id=$(this).attr("sta_id");
var username=$(this).attr("username");
var dataString ='sta_id='+ sta_id + '&username='+ username;
$("#sn_likebox").slideDown("slow");

$("#flash").fadeIn("slow");


$.ajax({
type : "POST",
url : us_cfg.url,
data: dataString,    
cache: false,


success: function(html)
{
$("#flash").fadeOut("slow");
$("#sn_like_content").html(html);
}
});

});





$(".close").click(function()
{
$("#sn_likebox").slideUp("slow");
});

演示：

http://jsfiddle.net/Ke5AB/112/

Answer 1

您不能在DOM中放置具有相同ID的两个元素。你需要让它们与众不同，然后你的代码才能使用它们。

Answer 2

您在同一页面上不能有两个identical IDs。使用不同的选择器类型（例如类）。

如何在同一页面上使用相同的2个ID脚本？

2 个答案: