0

http://landpros.turnpostinteractive.com/LandPros_Results_2.html

ページの下部に、IE8 以外のすべてのブラウザーで動作するスライダーがあります。このブラウザで機能しない理由がわかりません。

ここに私のHTMLがあります..

<div class="row bottom-scroller">  
 <h1>
results <a href="#">view</a>
 </h1>
<div class="demo-mastercon">
<div class="advancedscroller-con">
    <div id="as2" class="advancedscroller" style="width:100%;">
        <ul class="items">
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
        <li class="item-tobe">
            <img src="images/details-page/property.jpg" alt="property" />
            <p>
                Shawnee County Sanctuary<br/>
                Shawnee County, KS<br/>
                10.91 +/- Acres<br/>
                <span><strong>$369,000</strong> <a href="#">view</a></span>
            </p>
        </li>
    </ul>
    </div>
    </div>
 </div>
 </div><!--/row-->

これが私のカスタムCSSです...

/***************************************
         ADVANCED SLIDER
 ****************************************/
 .advancedscroller{
height: 100px;
 }

 .advancedscroller-con .thumbsCon{
height: 100px;
}

 .advancedscroller-con ul.thumbsClip{
height: 100px;
}

 .advancedscroller-con li img{ 
float: left; 
padding-right: 12px; 
 }

 .advancedscroller .bulletsCon{
display: none;
 }

このファイルと同様に... http://landpros.turnpostinteractive.com/advancedscroller/plugin.css

最後に、ここに私のjqueryがあります...

 <!--
**************************
    ADVANCED SCROLLER
**************************
   -->
  <script src="advancedscroller/plugin.dev.js" type="text/javascript"></script>
  <script>
jQuery(document).ready(function($){
    $("#as1").advancedscroller({
        settings_swipe: "on"
        ,design_arrowsize: "40"
        });
    $("#as2").advancedscroller({
        settings_swipe: "on"
        ,design_arrowsize: "40"
        });
    $("#as3").advancedscroller({
        settings_swipe: "on"
        ,design_arrowsize: "40"
        });
    $("#as4").advancedscroller({
        settings_mode: "onlyoneitem"
        ,design_arrowsize: "0"
        ,settings_swipe: "on"
        ,settings_swipeOnDesktopsToo: "on"
        });
     });
   </script>  
  <!--/advancedscroller-->

そしてプラグインファイル... http://landpros.turnpostinteractive.com/advancedscroller/plugin.dev.js

どんな助けでも大歓迎です！

4

1 に答える 1

1

HTML ファイルのヘッダーでこのタグを使用します。

<meta http-equiv="X-UA-Compatible" content="IE=edge">
于 2013-02-18T07:14:19.473 に答える