Django模板没有执行Jquery点击

时间:2014-01-09 02:26:40

标签: jquery django

我正在使用Django 1.5。在这里阅读了几十篇文章后,我仍然感到困惑,为什么没有触发点击事件。

HTML模板(部分):

<form class="form-horizontal" role="form"
             method="post" enctype="multipart/form-data">{% csrf_token %}
    <p>File accepted & ready to process: <b>{{ file }}</b> </p>
    <br><p><button id="process">Process</button></p>
    <br><br>
    {% if task_id %}
        <p>Processing record: </p>
        <div id="record">{{ record }} of </div>
        <div id="total">{{ total }}</div>
    {% endif %}
</form>

相关脚本:

<script>
$('#process').click(function() {
    $.post({
        url: "do_task",
        data: {},
        success: function() {
            $.post({
                url: "/main/",
                context: document.body,
                success: function(s, x) {
                    $(this).html(s);
                }
            });
        }
    })
});
</script>

我错过了什么或错了什么? 感谢

2 个答案:

答案 0 :(得分:0)

尝试将代码包装在$(document).ready(function() { });

$(document).ready(function() {
    $('#process').click(function() {
        $.post({
            url: "do_task",
            data: {},
            success: function() {
                $.post({
                    url: "/main/",
                    context: document.body,
                    success: function(s, x) {
                        $(this).html(s);
                    }
                });
            }
        })
    })
})

答案 1 :(得分:0)

点击事件确实有效。由于我使用了错误的一组参数,所以没有效果的是行动中的行动。

最初,参数url:URL,data:data,success:function用于$ .ajax方法。但相反,我使用$ .post,其方法及其参数如下:

$ .post(URL,data,function(data),dataType)

注意:function(data)是要作为成功请求调用的回调函数。数据,回调函数和dataType是可选的。

希望这有帮助。

谢谢里卡多