尽管付出了最大的努力,bxSlider还是没有工作

时间:2017-08-08 02:17:08

标签: jquery html bxslider

我已经尝试了我能想到的一切,而且bxSlider无法正常工作。我把它剥离到除了div内的滑块,我只是在预览时得到一个空白页。我测试了路径并且它们是正确的。

我的HTML:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.bxslider.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.bxslider').bxSlider({
                auto: true,
                autoControls: true
            });
        });
    </script>
</head>

<body>
<div id="sliderbox"> 
    <ul class="bxslider">
      <li><img src="images/1.jpg" width="800" height="400" title="Hello World" /></li>
      <li><img src="images/2.jpg" width="800" height="400" title="Hello World" /></li>
      <li><img src="images/3.jpg" width="800" height="400" title="Hello World" /></li>
    </ul>
</div>        

</body>
</html>

1 个答案:

答案 0 :(得分:0)

最好先保留jquery和bxslider .... payload

var x = createAction("DO_X")(); // x: { type: "DO_X"; }
var y = createAction("DO_Y")("foo"); // y: { type: "DO_Y"; payload: string; }
var z = createAction("DO_Z")(5); // z: { type: "DO_Z"; payload: number; }

createAction("DO_X")('foo'); // too many arguments
createAction("DO_X")(undefined); // still too many arguments
createAction("DO_Y")(5); // 5 is not a string
createAction("DO_Z")(); // too few arguments
createAction("DO_Z")(5, 5); // too many arguments

on the TypeScript Playground

HTML

</body>.

Jquery的

    <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.bxslider.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.bxslider').bxSlider({
                    auto: true,
                    autoControls: true
                });
            });
        </script>
</body>