Question

在我的Site.master文件中，我在<head>中有以下内容：

<!-- jQuery library (served from Google) -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- easing Javascript file -->
<script type="text/javascript" src="http://bxslider.com/lib/plugins/jquery.easing.1.3.js"></script>
<!-- bxSlider Javascript file -->
<script type="text/javascript" src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<!-- bxSlider CSS file -->
<link href="lib/jquery.bxslider.css" rel="stylesheet" />
<script>
    jQuery(document).ready(function ( $ ) {
        $('.slider').bxSlider({
            mode: 'horizontal',
            infiniteLoop: true,
            auto: true,
            autoStart: true,
            autoDirection: 'next',
            autoHover: true,
            pause: 3000,
            autoControls: false,
            pager: true,
            pagerType: 'full',
            controls: true,
            captions: true,
            speed: 500
        });
    });
</script>

发生的事情是，代表每张幻灯片的小子弹以及“prev”和“next”箭头都没有使用他们应该使用的图像。如果我将CSS引用更改为“http://bxslider.com/lib/jquery.bxslider.css”而不是我自己的副本，则它会正常工作。我将所有图像和文件夹放在正确的参考位置。

这里的问题是，我想改变一些CSS，但如果我使用外部文件，我就不能。

Answer 1

显然需要这样指出：

<!-- jQuery library (served from Google) -->
<script type="text/javascript" src=".//Scripts/jquery-1.10.2.min.js"></script>
<!-- easing Javascript file -->
<script type="text/javascript" src=".//plugins/jquery.easing.1.3.js"></script>
<!-- bxSlider Javascript file -->
<script type="text/javascript" src=".//js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href=".//lib/jquery.bxslider.css" rel="stylesheet" />

除非我使用外部网站，否则CSS无效

1 个答案: