Question

我正在用.live监听链接上的'click'（使用类）希望它冒泡，然后.replaceWith用一个新的var交换一个div（使用ID）。

<script type="text/javascript">

$(document).load(function(){
  $('a.caption').live('click', function() { <!-- '.caption' or 'caption', I've also tried ID '#caption' and 'div#caption' -->

    var video = $('<div height=""></div>');

    $('div#slider-wrapper').replaceWith(video);
  });
});

<div id="slider-wrapper">

  <div id="slider" class="nivoSlider">

       <img src="image.jpg" alt="" title="#caption1" />

  </div>

  <div id="caption1" class="nivo-html-caption">Stuff</br>
     <a class="caption" href="">where the click happens <!-- this is where I suspect a problem with class, or above with slider-wrapper div-->
     </a>
  </div>

</div> <!--slider wrapper end -->

我尝试过类和ID的变体。同时兼有两个类，都是ID。我已经读过，根据你的需要推荐上课。我也评估了.click，似乎.live'click'是在我的情况下倾听的正确方式。

我已经检查了一段时间的答案，逐步调整我的代码。我怀疑这是一个简单的选择器使用，我的帖子是最后的手段。

提前感谢您考虑这个简单的问题。

Answer 1

$(function(){
  $('a.caption').click(function(e) {
    e.preventDefault();

    var video = $('<div>Hello There</div>');

    $('div#slider-wrapper').replaceWith(video);
  });
});

Answer 2

您收到了错误消息：您混淆了$(window).load和$(document).ready。看看这个：http://jsfiddle.net/JNZjN/

类和ID .replaceWith和.live侦听器问题

2 个答案: