Пользовательские 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

Идентификаторы переменных и 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");