jquery - 随机化.click和.dblclick

我试图让jquery随机化，如果需要单击或双击来实现某些功能，但是不知何故，我在尝试过的每种方式中都陷入了困境。我知道不应该这样做，但我正在研究分散注意力的问题。 ：D

这是我的代码atm：

var rnd=Math.floor(Math.random()*2)
if(rnd != 0) {
     $('.energie div.article').click(function() {

     $('#maincontent').css('height', '100%');
     $('.energie div.article').hide(),

     $(this).next('div.detail').show();
     $('#numbersenergie div').removeClass();
     });
     };
 else {
     $('.energie div.article').dblclick(function() {

     $('#maincontent').css('height', '100%');
     $('.energie div.article').hide(),

     $(this).next('div.detail').show();
     $('#numbersenergie div').removeClass();
     });
     };
 };

最佳答案

//No more code redundancy - use a function :)
function handler() {
    $('#maincontent').css('height', '100%');
    $('.energie div.article').hide();
    $(this).next('div.detail').show();
    $('#numbersenergie div').removeClass();

    //"reroll" the handler
    bind();
}

//bind your event handler here, "50/50 probability"
function bind() {
    //random whether it will be dblclick or click
    var whatHandler = Math.random() > 0.5 ? 'dblclick' :'click';

    //bind our handlers to a namespace called 'test' for easy unbinding
    $('div').unbind('.test').bind(whatHandler + '.test', handler);
}

$(function() {
   //on doc ready, bind our handler for the first time
   bind();
});

在这里查看简化版本：
http://jsfiddle.net/FvScr/10/