asp.net/jquery - Compte à rebours ne fonctionne pas

StackOverflow https://stackoverflow.com/questions/2865084

Question

Voici le code complet: 

  <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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 runat="server">
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <style type="text/css">
        @import "jquery.countdown.css";
    </style>
    <script type="text/javascript" src="Scripts/jquery.countdown.js"></script>
    <script type="text/javascript">
        $('#shortly').countdown({ until: shortly,
            onExpiry: liftOff, layout: "{ps} seconds to go"
        });

        $(document).ready(function () {
            shortly = new Date();
            shortly.setSeconds(shortly.getSeconds() + 5.5);
            $('#shortly').countdown('change', { until: shortly });
        });

        function liftOff() {
            // refresh the page  
            window.location = window.location;
        }   

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <span id="shortly"></span>
    </form>
</body>
</html>

J'ai les jquery.countdown.js dans le Scriptsmap studio visuel. Aussi la feuille de style « jquery.countdown.css » est dans le projet.

Ne pas avoir la moindre idée de ce que pourrait être le problème. Je suis un peu nouveau pour jquery et d'essayer de l'apprendre.

Était-ce utile?

La solution

Je ne suis pas familier avec ce plugin compte à rebours, mais essayez de déplacer la partie 

    $('#shortly').countdown({ until: shortly,
        onExpiry: liftOff, layout: "{ps} seconds to go"
    });

dans la fonction passée à $(document).ready, en remplaçant $('#shortly').countdown('change', { until: shortly });

Parce que sinon le shortly var n'est pas initialisé quand vous essayez de l'utiliser.

Autres conseils

vous avez une erreur dans la fonction LIFTOFF avec windowwindow.location 

function liftOff() {
    // refresh the page  
    window.location = window.location;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top