Question

我在尝试加载简单脚本时遇到了麻烦。所有这些都让我的页面变得空白。我尽可能多地环顾四周，没有一个解决方案似乎有效。我现在试图设置的两个脚本是一个灯箱和一个计数器，但是一旦我试着打电话，就像那样：

<script>
$(function(){
    $("#circularCountdown").countdown({});
    });
</script>

整个页面在加载时变为空白。我真的不知道该怎么做了。如果有人能帮助我，那将是一个很大的缓解。

这是我的整个代码：

<head>

<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Retina Images -->
<script>if((window.devicePixelRatio===undefined?1:window.devicePixelRatio)>1)
    document.cookie='HTTP_IS_RETINA=1;path=/';</script>
<!-- End Retina Images -->

<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>-->
<!--<script src="js/nivo-lightbox.js"></script>-->
<script src="colorbox-master/jquery.colorbox-min.js"></script>
<!-- the countdown plugin -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>-->
<!--<script src="js/circularCountdown.js"></script>-->

<script src="js/jquery.countdown.js"></script>

<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>

<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="stylesheets/loader.css">

<link rel="stylesheet" type="text/css" href="stylesheets/reset.css">
<link rel="stylesheet" type="text/css" href="stylesheets/grid.css">
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">


<link rel="stylesheet" type="text/css" href="stylesheets/colors/ruby-red.css">

<link rel="stylesheet" type="text/css" href="stylesheets/animations.css">

<link href="js/nivo-lightbox.css" rel="stylesheet" type="text/css">
<link href="js/themes/default/default.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="colorbox-master/example3/colorbox.css" />
<!-- The circularCountdown stylesheet -->
<link rel="stylesheet" type="text/css" href="js/circularCountdown.css">

<link href="js/media.css" rel="stylesheet" type="text/css">


<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="stylesheets/ie.css" />
<![endif]-->

 <!--<script>
$(document).ready(function(){
$('#videoanchor').nivoLightbox();
});
</script>-->

<!-- The circularCountdown script-->
<!--<script type="text/javascript">

// on jquery load and document ready

    jQuery(function() {

        jQuery('#circularCountdown').circularCountdown({
            beginDate:'2013,3,13,22,30,10', //year,month,day,hour,minute,second
            launchingDate:'2015,-5,-5,16,19,10',  //year,month,day,hour,minute,second
            complete:function() { alert( 'We are live !' ); window.open("http://www.google.com","_blank") }
        });     


    });


</script>-->

<!--<script>

  $(function(){
    $("#circularCountdown").countdown({
      image: "img/digits.png",
      format: "mm:ss",
      startTime: "25:14"
    });
  });

</script>-->

<script>
$(function(){
    $("#circularCountdown").countdown({});
    });
</script>

</head>

我留下了大部分评论的内容，以防你看到其中的内容。

再次感谢您的帮助！

干杯

调用jQuery脚本时页面变为空白

0 个答案: