用于随机化使用的 css 文件的 Javascript 代码

Question

我以前用过这个代码

function getRand(){
    return Math.round(Math.random()*(css.length-1));
}

var css = new Array(
        '<link rel="stylesheet" type="text/css" href="css/1.css">',
        '<link rel="stylesheet" type="text/css" href="css/2.css">',
        '<link rel="stylesheet" type="text/css" href="css/3.css">'
    );

rand = getRand();
document.write(css[rand]);

现在我被告知将函数放在这个事件处理程序中:

$(document).bind("projectLoadComplete", function(e, pid) {
        // insert function here
});

有人可以解释一下我的代码的哪一部分在哪里吗？谢谢。

Answer 1

我假设你的意思是将函数调用放在那里，而不是实际的函数定义..

 function getRandCss(){
    var css = ['<link rel="stylesheet" type="text/css" href="css/1.css">',
     '<link rel="stylesheet" type="text/css" href="css/2.css">',
     '<link rel="stylesheet" type="text/css" href="css/3.css">'];

    return  css[Math.round(Math.random()*(css.length-1))];
  }

$(document).bind("projectLoadComplete", function(e, pid){

  $('body').append( getRandCss() );

});

---

但如果你确实必须把所有东西都放在里面

$(document).bind("projectLoadComplete", function(e, pid){

  function getRandCss(){
    var css = ['<link rel="stylesheet" type="text/css" href="css/1.css">',
     '<link rel="stylesheet" type="text/css" href="css/2.css">',
     '<link rel="stylesheet" type="text/css" href="css/3.css">'];

    return  css[Math.round(Math.random()*(css.length-1))];
  }

  $('body').append( getRandCss() );

});