インラインカラーボックスを削除するinline divコンテンツを閉じるとき

Question

インラインDOMエレメントを表示するカラーボックスがあります。

初めてカラーボックスが表示されますが、それを閉じてもう一度開いてみるとうまくいきません。

colorboxを作成すると、＃my-content-divの子要素が削除され、display：noneが＃my-content-divに追加され、カラーボックスにokが表示されます。しかし、＃my-content-divのコンテンツは尊敬されません。

<div style="display: none;"> 
     <div id="my-content-div"> 
      My content!! 
     </div> 
</div> 

<input type="button" id="show-my-content" value="Click to show my content"> 

私のJS：ここ

は私のHTMLです

$(document).ready(function() { 
    $('#show-my-content').live('click', function(){ 
     $.colorbox({ 
      inline: true, 
      href: "#my-content-div" 
     }); 
    }); 
}); 

Answer 1

.live()のjQuery 1.7のよう

$(document).ready(function() { 
    $('#show-my-content').on('click', function(){ 
     $.colorbox({ 
      inline: true, 
      href: "#my-content-div" 
     }); 
    }); 
}); 

.onに、.live（）メソッドを変更してみてください推奨されません。 .on（）を使用してイベントハンドラをアタッチします。 jQueryの古いバージョンのユーザーは、.live（）よりも.delegate（）を優先して使用する必要があります。

src：jQuery .live()