自定义jQuery的功能和参数

Question

我写了这个scirpt：

$(document).ready(function() { 
    $('#tb1 li').hover(function() { 
    var head = $(this).attr("title"); 
    var image = $(this).find("a").attr("rel"); 
    $('.aCnt img').attr("src", image); 
    $('.aCnt span').html(head); 

    }); 
    $('#tb1 li').eq(0).hover(); 
}); 

我想使这个脚本全球

function interActive(myID, myClass){ 
    ID = '#' + myID; 
    cls = '.' + myClass; 
    $('ID li').hover(function() { 
    var head = $(this).attr("title"); 
    var image = $(this).find("a").attr("rel"); 
    $('cls img').attr("src", image); 
    $('cls span').html(head); 

    }); 
    $('ID li').eq(0).hover(); 
} 

我知道，jQuery函数没有类似例如PHP函数。 interActive函数在jQuery中不起作用。我如何修改jQuery的这个函数？ 在此先感谢。

Answer 1

变量ID和CLS当把它们放在引号内被字面上视为字符串。您需要像这样连接它们：cls + ' img'。

function interActive(myID, myClass){ 
    var ID = '#' + myID; 
    var cls = '.' + myClass; 
    $(ID + ' li').hover(function() { 
     var head = $(this).attr("title"); 
     var image = $(this).find("a").attr("rel"); 
     $(cls + ' img').attr("src", image); 
     $(cls + ' span').html(head); 

    }); 
    $(ID + 'li').eq(0).hover(); 
} 

您也可以考虑写一个jQuery插件这一点，如：

$.fn.interActive = function (target) { 
    this.find('li').hover(function() { 
     var head = $(this).attr('title'); 
     var image = $(this).find('a').attr('rel'); 
     $(target).find('img').attr('src', image); 
     $(target).find('span').html(head); 
    }).eq(0).hover(); 
}; 

这可以这样使用：

$("#someID").interActive(".someClass");