Question

1 - 为什么幻灯片放映无法在实时预览中使用？

它在我的桌面上工作但是当我在实时预览中分享时它没有工作

<div class="slide-show-content"><!-- /image gallery slideshow-->
<div class="slide-show-default">
    <div class="container">
        <div class="row">
            <div  id="app" class="col-xs-12">
                <div id="wrapper-sliderTv">
                    <!-- sliderTV html-->
                    <div id="sliderTV" class="sliderTV">
                        <!-- slidable items in carousel -->
                        <div id="item-0" class="sliderTV__item">
                            <h1>Amélie</h1>
                            <img src="assets/amelie.jpg">
                        </div>
                        <div id="item-1" class="sliderTV__item">
                            <h1>Django Unchained</h1>
                            <img src="assets/django-unchained.jpg">
                        </div>
                        <div id="item-2" class="sliderTV__item">
                            <h1>Fight Club</h1>
                            <img src="assets/fight-club.jpg">
                        </div>
                        <div id="item-3" class="sliderTV__item">
                            <h1>Forrest Gump</h1>
                            <img src="assets/forrest-gump.jpg">
                        </div>
                        <div id="item-4" class="sliderTV__item">
                            <h1>Inglourious Basterds</h1>
                            <img src="assets/inglourious-basterds.jpg">
                        </div>
                        <div id="item-5" class="sliderTV__item">
                            <h1>Inside Out</h1>
                            <img src="assets/inside-out-2015.jpg">
                        </div>
                        <div id="item-6" class="sliderTV__item">
                            <h1>Interstellar</h1>
                            <img src="assets/interstellar.jpg">
                        </div>
                        <div id="item-7" class="sliderTV__item">
                            <h1>Léon: The Professional</h1>
                            <img src="assets/leon-the-professional.jpg">
                        </div>
                        <div id="item-8" class="sliderTV__item">
                            <h1>San Andreas</h1>
                            <img src="assets/san-andreas.jpg">
                        </div>
                        <!-- optional navigational arrows -->
                        <div class="sliderTV__prev">&#10096;</div>
                        <div class="sliderTV__next">&#10097;</div>
                    </div>
                </div>

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

2 - 为什么当我使用owl carousel滑块时让其他一些jquery隐藏？

这里是我在同一部分使用猫头鹰旋转木马时隐藏的问题

            <li class="body">
        <div class="collapse" id="media-one">
        <div class="body-content">
        <div class="icons-default"><!--icons-->
          <div class="icons">
              <ul class="icons-content">
                 <li>
                      <button class="btn" type="button">
                          <i class="fa fa-commenting"></i>
                      </button>
                      <span>comment</span>
                  </li>
                  <li>
                      <button class="btn" type="button">
                          <i class="fa fa-heart"></i>
                      </button>
                      <span>like</span>
                  </li>
                  <li>
                      <button class="btn" type="button">
                          <i class="fa fa-share-alt"></i>
                      </button>
                      <span>share</span>
                  </li>
              </ul>
           </div>
        </div>
        <div class="comments"><!-- comments-->
          <ul class="comments-content clearfix"> <!-- item 1-->
              <li class="img">
                  <img src="imgs/media/post-profile.png" alt="//" />
              </li>
              <li class="details">
                  <span class="head">Mohamed Samy</span>
                  <span class="text">
                      Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis
                  </span>
              </li>
          </ul>
          <ul class="comments-content clearfix"> <!-- item 2-->
              <li class="img">
                  <img src="imgs/media/post-profile.png" alt="//" />
              </li>
              <li class="details">
                  <span class="head">Mohamed Samy</span>
                  <span class="text">
                      Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis
                  </span>
              </li>
          </ul>
          <ul class="comments-content clearfix"> <!-- item 3-->
              <li class="img">
                  <img src="imgs/media/post-profile.png" alt="//" />
              </li>
              <li class="details">
                  <span class="head">Mohamed Samy</span>
                  <span class="text">
                      Praesent ac condimentum felis. Nulla at nisl orci, at dignissim dolor raesent ac condimentum felis
                  </span>
              </li>
          </ul>
        </div>
        </div>
        </div>
        </li>

我希望我的问题现在很清楚

直播链接

http://atonvision.github.io/mediadata/

Answer 1

在使用该功能之前，请确保包含包含sliderTV的脚本。我在使用Firebug时看到了错误。

TypeError: $(...).sliderTV is not a function

$('#sliderTV').sliderTV();

为什么幻灯片放映无法在实时预览中使用？

1 个答案: