jQuery更新后激活选项卡和手风琴

我更新了jQuery JS，将最新的1.10.2替换为1.8.2，这里是 - 我的选项卡和手风琴不再工作。我之前在手写板中使用过Accordion，但肯定有些东西必须修改才能恢复，但是由于我对JS的知识有限，我认为除了回滚到1.8.2之外没有一种简单的方法，坦率地说，我不想做。所以我的问题是 - 如何正确更新现有的HTML结构中的JS来保留功能。任何建议，至少在哪里看？谢谢。jQuery更新后激活选项卡和手风琴

下面是手风琴的选项卡中的结构，我有：

<div id="Chapters">        <!--Begin Tabs--> 
    <ol type="1"> 
    <li><a href="#Ch1">Chapter 1</a></li> 
    <li><a href="#Ch2">Chapter 2</a></li> 
    <li><a href="#Ch3">Chapter 3</a></li> 
    </ol> 


    <div id="Ch4" title="Chapter 4"> 
<h2 class="Chapter">Chapter 4</h2> 
<div class="SubChapter" id="SubCh1" title="Title chapter 4"> 
    <h3>Title chapter 4</h3> 
    <div><p>content</p></div> 

<div class="questions">       <!--Begin Accordion --> 
<div id="QBlock">       
<table id="QTable"> 
<tr><td><div id="QNumber">4.1</div></td> 
    <td><div id="QText">text of question</div></td> <!-- Accordion panel header --> 
     </tr></table></div> 
<div> 
    <table id="RTable">         <!--Accordion panel content --> 
<tr><td><div id="Guidance"><p>Content</p></div></td> 
    <td><div id="Response" class="Response"> 
    <label><input type="radio" name="Radio401" value="Y" id="Radio_401Y" onchange='radioChange(this, "401")'>Yes</label> 
    <label><input type="radio" name="Radio401" value="N" id="Radio_401N" onChange='radioChange(this, "401")'>No</label> 
    <label><input type="radio" name="Radio401" value="NS" id="Radio_401NS" onChange='radioChange(this, "401")'>Not Seen</label> 
    <label><input type="radio" name="Radio401" value="NA" id="Radio_401NA" onChange='radioChange(this, "401")'>Not Applicable</label> 
</div> 
<span id="responseDetails"> 
    <div id="Observation"> 
    <label for="observation">Observation:</label> 
    <textarea name="observation" id="Obs401"></textarea></div> 
    <div id="DueDate"> 
    <label for="DueDate">Due date:<br></label> 
    <input name="DueDate" type="date" id="DueDate401"/> 
    </div> 

    <div id="actions"> 
    <label for="actions">Actions required to correct and/or prevent this observation:</label> 
    <textarea name="actions" id="pa401"></textarea> 
    </div> 
</span> 
</td> 
</tr> 
</table> 
</div>

来源

2014-02-19 Alexander

用出其代码很难猜到 – Prashobh

也升级了jquery ui库。 – Jai

通过包含代码 – Alexander

当粘贴新的jQuery JS代码到现有的文件（不是外部JS），一定要避免覆盖这段代码：

<script> 
$(function() { 

     $(".questions").accordion(); 
     $("#Chapters").tabs(); 

     // Hover states on the static widgets 
     $("#dialog-link, #icons li").hover(
      function() { 
       $(this).addClass("ui-state-hover"); 
      }, 
      function() { 
       $(this).removeClass("ui-state-hover"); 
      } 
     ); 
    }); 
</script>

来源

2014-02-19 09:36:12 Alexander

jQuery更新后激活选项卡和手风琴

回答

相关问题