Javascript / ASP - 不工作

时间:2010-07-22 11:58:06

标签: javascript asp.net

我一定看错了,但我找不到诀窍:

       <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script> 
        <script src="http://www.listinventory.com/js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
        <script type="text/javascript" src="http://code.google.com/p/jquery-utils/source/browse/trunk/src/jquery.countdown.js"></script> 
<script type="text/javascript">
        $(function hello() {
            // function that does something exciting? 
            var liftOff = function () {
                // ....  
            };

            // Get a date that is some (short) time in the future 
            var getDeadline = function () {
                var shortly = new Date();
                shortly.setSeconds(shortly.getSeconds() + 5.5);
                return shortly;
            };

            // Attach click handler to all our buttons 
            $("div.mainpanel button.resetButton").click(function (event) {

                // I am assuming that you will not be nesting these controls? 
                var $mainpanel = $(this).parents("div.mainpanel")   // this will find the mainpanel div that contains the pressed button 
                .effect("highlight", {}, 700);

                $("div.shortly", $mainpanel) // this will find any div with the class = shortly inside mainpanel 
                .countdown('change', { until: getDeadline() });
            });

            // Start all countdowns going on page load 
            $('#shortly').countdown({
                until: getDeadline(),
                onExpiry: liftOff,
                layout: '{sn}'
            });
        });

</script>


    <div class="mainpanel"> 
    <div> 
        test 
    </div> 
    <div class="shortly"> 

    </div> 
    <button class="resetButton"> 
        Reset 
    </button> 
</div>

</asp:Content>

我在倒计时中收到“Microsoft JScript运行时错误:对象不支持此属性或方法”异常。

3 个答案:

答案 0 :(得分:0)

您可以尝试从$(function hello() {删除“你好” 没有必要。

倒计时方法的代码在哪里?这是一个JQuery插件还是它自己的功能?

答案 1 :(得分:0)

$mainpanel的命名是否可能与其他内容冲突?尝试将其重命名为其他名称(不含$)。

答案 2 :(得分:0)

我认为一定是你引用插件代码的方式。我在线粘贴代码,没有错误。

请参阅此处查看我的测试:http://jsfiddle.net/3UwCg/