如何在javascript中动态附加事件?

时间:2011-06-13 17:25:39

标签: javascript jquery ajax

我正在尝试覆盖链接(在ajax链接中转换)但是当我尝试向标记添加事件时没有任何反应。

我的剧本。

<script type="text/javascript">
    $j(document).ready(function() {
        $j(".will_paginate_styles a").each(function() {
            if (this.innerText.length > 1) {
                this.style.padding = "8px 6px 10px 6px";
                var url = this.href + "&category_id=<%= 1 %>";
                this.href = "#";
                jQuery(this).live("click",
                     function(){
                                new Ajax.Request(url, {asynchronous:true, evalScripts:true, parameters:'authenticity_token=' + encodeURIComponent('uurmOp9OrgS1CRpcpKdMN9PHlMTt+lkHjhYdNgP+LbQ=')}); return false;
                               }
                );
            }

        });
    });
</script>

如何将事件附加到此标记或将链接转换为ajax链接?有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我正在使用JQuery。

此行属于原型库

new Ajax.Request(url, {asynchronous:true, evalScripts:true, parameters:'authenticity_token=' + encodeURIComponent('uurmOp9OrgS1CRpcpKdMN9PHlMTt+lkHjhYdNgP+LbQ=')}); return false;

所以我将此行替换为jQuery中的等效词:

$.ajax(url: "www.myurl.com", data: { data1: "data1", etc: "etc"})

显然,这种方法有更多选择。阅读JQuery官方文档