Question

我正在尝试让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();
     });
     };
 };

Answer 1

试试这个

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();
     });
 }

你有一个;在hide（）函数

之后关闭if和the，也是a

Answer 2

试试这段代码。你的成型不好：

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();
     });
 }

Answer 3

//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/

随机化.click和.dblclick

3 个答案: