jquery hover 仅适用于某些 div

Question

我有 jquery carousel，我正在尝试为所有 div 实现悬停 但它只适用于某些 div 你能告诉我为什么它不适用于其他 div... 当您单击绿色和红色按钮时，您可以看到轮播运动......

http://jsfiddle.net/9Dr7T/14/

在下面提供我的 js 代码

$(".specialHover").hover(
  function () {
        //  $("<div class='cta'>add image</div>").click(function() {
    $("<div class='cta'>add image</div>").click(function() {
        $(this).parent().unbind("hover").children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");
        $(this).remove();
    }).appendTo(this);
  }, 
  function () {
    $(this).find("div:last").remove();
  }
);

Answer 1

只需将代码的最后一行注释如下：

$(".specialHover").hover(
  function () {
        //  $("<div class='cta'>add image</div>").click(function() {
    $("<div class='cta'>add image</div>").click(function() {
        $(this).parent().unbind("hover").children("img").attr("src", "http://www.onlinegrocerystore.co.uk/images/goodfood.jpg");
        $(this).remove();
    }).appendTo(this);
  }, 
  function () {
    //$(this).find("div:last").remove();
  }
);

//$(this).find("div:last").remove();