jquery：绑定onclick

Question

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

在我添加 () 之前

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

，因为我希望用户配置文件的 id 在 addFav ajax 调用中使用。

所以我在页面底部有这个，现在即使我没有点击 a#fav 它也会运行它？但当我没有（id）

Heres 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

您需要一个像这样的 onload 的匿名函数：

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

并且在 success 回调中使用这种样式：

$('#fav').click(function() {
  addFav(id);
});

因为 #fav 应该是一个唯一的 ID，所以它是一个更快的选择器。

---

或者，将其作为数据参数传递给 .bind()，像这样：

$('a#fav').bind('click', { id: id }, addFav);

并在您的函数中以这种方式访问​​它而不是作为参数，如下所示：

function addFav(e){
  var id = e.data.id;

Answer 2

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

在您的情况下，如果您想将参数传递给 addFav 函数，您可以通过将匿名函数传递给 bind 并在该函数体内来实现，像平常使用参数一样调用 addFav 。像这样：

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