クラスとID .replaceWithと.liveリスナーの問題

Question

私は、（クラスを使用して）リンク上の「クリック」のために.liveを聴いています。それから、.replaceWithを使用してdivを（IDを使用して）新しいVAR ..

<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/