Question

我有4个人的图像，每个人有4个与之对应的食物图像。单击某个人的姓名时，会以粗体显示其名称。如果您单击其他名称，它会以粗体显示。

我要做的第二件事是，当你点击每个人时，食物图像会切换。到目前为止，他们似乎只是编译，而不是倾销以前的。我尝试取消绑定图像的功能，以便在单击新名称时让图像消失，但我无法使其正常工作！

任何人都知道我能做什么？非常感谢所有帮助！

$(document).ready(function(){
  $('a').click(function(){
    $(".onclick").removeClass('onclick');
    $(this).addClass('onclick');
    return false;
  });
  $('#Jim').click(function(){
    groceryList (Jim);
    $("#Jim").unbind();
    return false;
  });
  $('#Jane').click(function(){
    groceryList (Jane);
    $("#Jane").unbind();
    return false;
  });
  $('#Bob').click(function(){
    groceryList (Bob);
    $("#Bob").unbind();
    return false;
  });
  $('#Roberta').click(function(){
    groceryList (Roberta);
    $("#Roberta").unbind();
    return false;
  });
});

Answer 1

$("#Jim").unbind().click(function (e) {

 //your content here 

 }

您的点击是正确绑定或取消绑定可能是

Answer 2

您必须传递event中的.unbind(event)：

$("#yourselectors").unbind('click');

注意：

你没有正确设置你的小提琴，所以很难看出你的小提琴里有什么。

Answer 3

在添加下一批项目之前，您需要做的是清除食物区域，而不是解除点击处理程序的绑定：

function groceryList (a){
    "use strict";

    $('#food').children(':not(h2)').remove();
    // the rest of your function
}

无法解除功能绑定

3 个答案:

注意：