Coda滑块错误

时间:2012-08-14 18:58:03

标签: jquery asp.net html visual-studio-2008 coda-slider

我目前正在尝试将Coda-Slider 3应用到我的网站中。

我还没有做任何事情,除了看滑块是否实际工作,它不起作用。

当它被加载时,我得到了布局,除了滑块之外的所有内容都不会滑动,并且内容区域中有一个损坏的图像和一个“加载...”文本。

我也在状态栏中收到错误

“对象不支持方法行的这个属性:5”

这是我的javascript / html

<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" />
<link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#slidertabs").codaSlider();
    });
</script>

</head>
<body>
<form id="form1" runat="server">
<div class="coda-slider" id="slidertabs">
    <div>
        <h2 class="title">Trial</h2>
            bambambasdfasf
            adfasf
    </div>
    <div>
        <h2 class="title">Trial 2</h2>
            la mambaafasdf
            asdfasfsa
    </div>
</div>
</form>

源代码

<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" /><link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#slidertabs").codaSlider();
    });
</script>

</head>
<body>
<form name="form1" method="post" action="User.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQzMzc5MDEyMmRkIe8VCRe6PXi+FaNtf5wR5Ucxk58=" />
</div>

<div class="coda-slider" id="slidertabs">
    <div>
        <h2 class="title">Trial</h2>
            bambambasdfasf
            adfasf
    </div>
    <div>
        <h2 class="title">Trial 2</h2>
            la mambaafasdf
            asdfasfsa
    </div>
</div>
</form>

1 个答案:

答案 0 :(得分:1)

总是在jQuery UI之前的任何其他依赖它的库之前加载jQuery。

来自http://kevinbatdorf.github.com/codaslider/

  

您还需要确保导入jQuery,jQuery UI和Coda Slider脚本文件以及Coda Slider样式表。有关详细说明和高级选项,请参阅下文。