php - 无法使用 JS 定位 div

Question

我正在尝试使用 js 定位嵌套在某个 php 中的 div，但无论我做什么，我似乎都无法定位它。这是供参考的代码：php：

echo "<li>"."<div id=\"countryclick\">". "<a href=\"?Continent=$Continent&Country=$Country\">" . $Country . " ". "</a>" . "</div>"."</li>";

js：

$("#countryclick").click(function(){
    $("#country").hide();
    $("#city").show();
});

有任何想法吗？提前致谢！

Answer 1

div#countryclick 

是动态创建的，因此您可以使用jQuery 的.live。喜欢：

$("#countryclick").live("click",function(){
   //code here
})

Answer 2

从 jQuery 1.7 开始，不推荐使用 .live() 方法。使用 .on() 附加事件处理程序。如果你使用一些旧版本的 jQuery，你应该使用 .delegate() 而不是 .live()。

访问这里 live()和Here on()

Answer 3

我不确定您是否正在动态创建 div。如果要动态创建它，则必须使用 live 方法，如下所示：

$("#countryclick").live("click",function(){
    $("#country").hide();
    $("#city").show();
});

请检查一下。

Answer 4

<li>
    <div id="countryclick">
      <a href="?Continent=<?php echo $Continent; ?>&Country=<?php echo $Country; ?>">
        LINK HERE
      </a>
    </div>
</li>
<div id="country">country</div>
<div id="city">city</div>

$("div#countryclick").live("click",function(){
    $("#country").hide();
    $("#city").show();
});

这应该工作。