0

快速的问题一直在打破我的蛋蛋。

我有一个 jquery ui 手风琴（.accordion），它以模态打开另一个手风琴（.glossWrap）。我正在尝试让活动的手风琴标题滚动到带有 scrollTop 的视图中，但只是出现故障或其他问题。

$(".glossary").on("click", function () {
$(".glossWrap").accordion({heightStyle:"content", header:"h3", navigation : true, collapsible:true})
var $accordion = $(".glossWrap"),
panelId = parseInt(window.location.hash.replace(/#panel/, "")) || 0;
var $this = $(this), toOpen = $this.data("panel");
$accordion.accordion("option", "active", toOpen), ( "option", "collapsible", true );
} );

$('.glossary').click(function(){ setTimeout(  function(){
$('#pageslide').animate({
scrollTop: $(".ui-accordion-content-active").offset().top}, 2000);
}, 800) });

我使用 setTimeOut 在模式打开之前等待。

html: 带有链接的手风琴 1 .glossWrap 手风琴 2

    <div class="accordion">
  <h3 id="accordion">accordion 1</h3>
  <div>
    <p><a href="#" data-panel="1" class="glossary">open accordion item in modal</a></p>
  </div>
</div>

页面幻灯片中的手风琴：

<div id="pageslide">
<div class="glossWrap" >
  <div class="glossIndexWrap">
    <h2>A</h2>
    <h3>glossWrap</h3>
    <!--1-->
    <div>
      <p>open this and scroll into view</p>
    </div>
  </div>
</div>

感谢您的建议！:)

问候，威尔

4

1 回答 1

0

得到它的工作，我现在知道它与我在模态中的嵌套 div 有关。在尝试了几个不同的插件后，我选择了这个：http ://demos.flesler.com/jquery/scrollTo/

这在我的手风琴中非常有效！

干杯！

于 2013-10-16T18:46:41.663 回答