使用复选框、jQuery和Ajax刷新页面

我在一个网页上找到了一个复选框，可以在不同的jquery代码集之间切换。以下是html：

          ... 
        <div class="flip_switch">
          <input type="checkbox" name="flip_switch" class="flip_switch-checkbox" id="myflip_switch" checked ="checked">
          <label class="flip_switch-label" for="myflip_switch">
            <span class="flip_switch-inner"></span>
            <span class="flip_switch-switch"></span>
          </label> 
          </div>
        </div>  
        <p class = "wln_title">Word Learning 1</p>
      </div>
    <div class="wln_container">     
      <div id="wln_col1" class="wln_items">                                            
        <p class="word_learn">1<span class="color_up audio" id="b1e01">the</span>         คำนำหน้านามเจาะจง </span></p>
        <p class="word_learn">2<span class="color_up audio" id="b1e02">and</span>       และ </span></p>
        <p class="word_learn">3<span class="color_up audio" id="b1e03">of</span>         ของ </span></p>
        ...

这个想法是用户可以通过页面上的整个集合顺序地听单词的音频，或者可以切换到选择要听的单个单词。问题在于，两种jquery状态之间的切换只在页面刷新时起作用。我尝试使用AJAX进行部分页面刷新，如下所示：（链接的简要别名？） 具体而言：

    jQuery.ajax({
      url: "",
      context: jQuery("div.wln_container")
    }).success(function(data){
      jQuery(this).html(data);
      // jQuery(this) refers to the context object, in this case jQuery(".some-element")
    });

---

将它放在另一个jquery代码之前。所发生的只是整个页面短暂显示，然后挂起。我在别处找过并尝试了jQuery load（）方法，但没有找到任何有效的方法。我显然遗漏了一些关键点

单击复选框时是否正在运行最后一个jquery代码？是，在单击chcekbox之前，音频的jquery代码正在运行

    jQuery.ajax({
      url: "",
      context: jQuery("div.wln_container")
    }).success(function(data){
      jQuery(this).html(data);
      // jQuery(this) refers to the context object, in this case jQuery(".some-element")
    });