jQuery Slider IE问题(不工作)

时间:2013-01-27 01:03:14

标签: jquery html css

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

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

在HTML文件的标题中使用此标记。

<meta http-equiv="X-UA-Compatible" content="IE=edge">