垂直滑动手风琴不能正常工作

时间:2016-12-21 16:36:25

标签: javascript jquery css wordpress

我正在使用WordPress主题here,我在里面使用了一个jquery vertical sliding accordion插件。我尝试使用插件中的插件:

<div class="row zj-motoon-container">
  <div id="va-accordion" class=" va-container">

    <div class="va-nav">
      <span class="va-nav-prev">Previous</span>
      <span class="va-nav-next">Next</span>
    </div>


    <div class="zjcontainer">
      <div class=" row va-slice va-slice-1 va-slice-color-1">

      <div class="col-md-pull-3 ">
        <h3 class="va-title"> آخرین جلسات درس </h3>
      </div>

        <div class=" col-md-push-9  va-content">
          <p> جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  جدیدترین تولیدات رسانه ای  </p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>


      </div>
      <div class="row va-slice va-slice-2 va-slice-color-2">
      <div class="col-sm-pull-3">
        <h3 class="va-title"> آخرین سخنرانی ها </h3>
      </div>
        <div class="col-sm-push-9 va-content">
          <p>Keith Johnson</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>  
      </div>
      <div class="row va-slice va-slice-3 va-slice-color-3">
      <div class="col-sm-pull-3">
        <h3 class="va-title"> آخرین پرسش و پاسخ ها </h3>
      </div>
        <div class="col-sm-push-9 va-content">
          <p>Andrew Alaniz</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>  
      </div>
      <div class="row va-slice va-slice-4 va-slice-color-4">
      <div class="col-sm-pull-3">
        <h3 class="va-title">جدیدترین مطالب</h3>
      </div>
        <div class="col-sm-push-9 va-content">
          <p>Ben Freeman</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>  
      </div>
      <div class="row va-slice va-slice-5 va-slice-color-5">
      <div class="col-sm-pull-3">
        <h3 class="va-title">پربازدیدترین مطالب</h3>
      </div>  
        <div class="col-sm-push-9 va-content">
          <p>Alex Schuman</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>

        </div>  
      </div>
      <div class="row va-slice va-slice-6 va-slice-color-6">
      <div class="col-sm-pull-3">
        <h3 class="va-title">جدیدترین تولیدات رسانه ای</h3>
      </div>
        <div class="col-sm-push-9 va-content">
          <p>Maria Wales</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>

        </div>  
      </div>
      <div class="row va-slice va-slice-7 va-slice-color-7">
      <div class="col-sm-pull-3">
        <h3 class="va-title">جدیدترین تولیدات مکتوب</h3>
      </div>  
        <div class="col-sm-push-9 va-content"><p>Paul White</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>

        </div>  
      </div>
      <div class="row va-slice va-slice-8 va-slice-color-8">
      <div class="col-sm-pull-3">
        <h3 class="va-title">جدیدترین نظرات کاربران</h3>
      </div>  
        <div class="col-sm-push-9 va-content">
          <p>Paul White</p>
          <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
          </ul>

        </div>  
      </div>
    </div>
  </div>
</div>

我还将包含的文件添加到&#34; functions.php&#34;主题文件并添加了此代码:

 jQuery(document).ready(function() {
    jQuery('#va-accordion').vaccordion({
      accordionW : 76.5,
      accordionH :750,
      visibleSlices : 8,
      expandedHeight  : 1,
      animOpacity   : 0.1,
      contentAnimSpeed: 100
    });

});

to&#34; custom-scripts.js&#34;并包括此文件。现在我有两个问题。

1)它在Mozilla中运行良好,但是当我在chrome上打开我的网站时它没有向上滑动。当您单击幻灯片并向下滚动时,一切正常,但是当您向上滚动时,它会继续向下滑动。

2)当鼠标光标移动到手风琴上时,它停止滚动页面。我试图删除一个名为&#34; scrollMonitor.js&#34;我认为插件会像这样滚动,但没有任何改变,插件仍然以同样的方式工作。

这里有什么想法吗?

0 个答案:

没有答案