2

我有 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;
  });
});
4

3 回答 3

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

 //your content here 

 }

随着您的点击被正确绑定或解除绑定

于 2013-04-05T07:37:48.187 回答
1

你必须event通过.unbind(event)：

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

笔记：

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

于 2013-04-05T07:42:04.703 回答
1

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

function groceryList (a){
    "use strict";

    $('#food').children(':not(h2)').remove();
    // the rest of your function
}
于 2013-04-05T07:45:57.097 回答