javascript - 调整 nivo slider 设置不起作用

标签 javascript jquery html css nivo-slider

我试图让 nivo slider 工作,但我在最后一行一直收到“语法错误”......任何人都可以帮助我。我真的看不出有什么问题。

错误发生在第一行:"}); "倒数第四行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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 href="stylesheet.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
    effect: 'random',               // Specify sets like: 'fold,fade,sliceDown'
    slices: 15,                     // For slice animations
    boxCols: 8,                     // For box animations
    boxRows: 4,                     // For box animations
    animSpeed: 500,                 // Slide transition speed
    pauseTime: 3000,                // How long each slide will show
    startSlide: 0,                  // Set starting Slide (0 index)
    directionNav: false,             // Next & Prev navigation
    controlNav: false,               // 1,2,3... navigation
    controlNavThumbs: false,        // Use thumbnails for Control Nav
    pauseOnHover: false,             // Stop animation while hovering
    manualAdvance: false,           // Force manual transitions
    prevText: 'Prev',               // Prev directionNav text
    nextText: 'Next',               // Next directionNav text
    randomStart: false,             // Start on a random slide
    beforeChange: function(){},     // Triggers before a slide transition
    afterChange: function(){},      // Triggers after a slide transition
    slideshowEnd: function(){},     // Triggers after all slides have been shown
    lastSlide: function(){},        // Triggers when last slide is shown
    afterLoad: function(){}         // Triggers when slider has loaded
}); 
}); 
</script>

最佳答案

你为什么要使用 $(window).load(function(){...});而不是 $(document).ready(function(){...});?

你应该这样做,而且当你在脚本标签中有一个脚本标签时,你也会得到一个错误。它可能适用于 firefox,但不适用于其他浏览器。所以摆脱那个额外的脚本标签。

关于javascript - 调整 nivo slider 设置不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20848194/

相关文章:

javascript - Java中有没有JavaScript风格的Collection

javascript - 防止 Bootstrap 删除按钮点击传播

javascript - 用于自定义检查的 HTML5 约束验证

javascript - 为什么我找不到这个用 jQuery 附加到正文的 DIV

javascript - 相当于 :eq 的 Css

jquery - 哪个版本的 jquery UI 可以与 jquery 1.3.2 一起使用

html - 如何在 html 页面中显示来自 django 数据库的图像?

javascript - 浏览器加载事件后按连续顺序加载 JavaScript

javascript - openLayers map 未定义错误

jquery - 自定义响应式导航菜单 (Naver)