jquery:绑定(bind)onclick

Question

    $(document).ready(function() {    
    $('a#fav').bind('click', addFav(<?php echo $showUP["uID"]; ?>));
});

之前

    $(document).ready(function() {    
    $('a#fav').bind('click', addFav);
});

我添加了(<?php echo $showUP["uID"]; ?>)因为我希望用户配置文件的 id 在 addFav ajax 调用中使用。

所以我的页面底部有这个，现在即使我没有点击 a#fav 它也会运行它？但当我没有 (id) 时它不会自行运行

这里是 addFav 的情况:

function addFav(id){
    $.ajax({
      url: "misc/favAdd.php",
      data: { id: id},
      success: function(){
           $('a#fav')
                 .addClass('active')
                 .attr('title','[-] Remove as favorite')
                 .unbind('click')
                 .bind('click', removeFav(id))
           ;
                jGrowlTheme('wallPop', 'mono', '[+] Favorit', 'Du har nu lagt till denna profil som favorit', 'images/addFavorit_hover2.png', 1000);
      }
    });
}

function removeFav(id){
    $.ajax({
      url: "misc/favRemove.php",
      data: { id: id },
      success: function(){
            $('a#fav')
                 .removeClass('active')
                 .attr('title','[+] Add as favorite')
                 .unbind('click')
                 .bind('click', addFav(id))
            ;
                            jGrowlTheme('wallPop', 'mono', '[-] Favorit', 'Du har nu tagit bort denna profil som favorit', 'images/addFavorit_hover2.png', 1000);
      }
    });
}

Answer 1

bind 函数的第二个参数是函数本身。当您将函数作为参数传递时，您必须仅提供函数名称，而不能提供左/右括号或参数。

就您而言，如果您想将参数传递给 addFav 函数，您可以通过将匿名函数传递给 bind 来实现，并在正文中对于该函数，像平常使用参数一样调用 addFav 。像这样:

$(document).ready(function() {    
    $('a#fav').bind('click', function() {
        addFav(<?php echo $showUP["uID"]; ?>);
    });
});