带有datepicker更改功能的.ajaxComplete:无法进入ajaxComplete

时间:2013-02-16 10:32:27

标签: jquery ajax

我有一个日期选择器,我想在选择日期后立即计算查询。我正在尝试使用.ajaxComplete,但我无法进入它。任何的想法 ?

<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
                $( "#datepicker" ).datepicker();
             });
</script>
</head>
<body>  
<div>Date: <input type="text" id="datepicker"/></div>
<div id="result"> Turnover: </div>  
<script>
    $("#datepicker").change(function(){
        var currentDate = $( "#datepicker" ).datepicker( "getDate" );
        $("result").ajaxComplete(function(){
            $(this).html("<p>Result here : </p>");  
        });             
    }); 
</script>       

2 个答案:

答案 0 :(得分:2)

您需要将#添加到result这样的

$("#result").ajaxComplete(function(){
            $(this).html("<p>Result here : </p>");  
        });

答案 1 :(得分:0)

我找到了(让我们说至少一个:-))答案:我什么都没有完成!我添加了一个按钮来完成一个完整的事件。

    <button class="trigger">Calculate</button>

<script>
        $( ".trigger" ).click(function() {
        $( ".result2" ).load( "ajax/test.html" );
    });
</script>