Вызов функции javascript для объекта jQuery

Question

Я пытаюсь вызвать функцию javascript для элемента jQuery, который я создал, но кажется, что функция не вызывается при запуске функции. Функция работает, когда запускается сама по себе, но не при запуске на другом объекте jQuery. Вот функция:

$(document).ready(function() { 
var $Chart = $('#Chart'); 
/* 
returns true if some Expand element is open 
*/ 
function closeExpand() { 
    alert("Hello"); 
    /*$(this).css("background-color", "black");*/ 
}; 
}); 

Он работает при вызове по себе: http://jsfiddle.net/5F5GF/

$('.ChartLink').click(function() { 
    closeExpand(); 
    }); 
}); 

Но не при вызове на другом объекте JQuery: http://jsfiddle.net/dsHRN/

$('.ChartLink').click(function() { 
    $Chart.closeExpand(); 
    }); 
}); 

Что я делаю неправильно здесь, и как я могу назвать функцию javascript на другом объекте?

Answer 1

Вы можете расширить jquery.fn (Jquery прототип), чтобы добавить новую функцию, так что она доступна из Jquery объекта:

Try:

$.fn.closeExpand = function() { 
    this.css("background-color", "black"); 
    return this; //for chaining 
}; 
$Chart.closeExpand(); 

Demo

Ваш функция closeExpand в настоящее время не связана с прототипом объекта jquery, добавив его в свой прототип, вы можете вызвать его с помощью объекта jquery.

Или вы могли бы сделать:

$('.ChartLink').click(function() { 
    closeExpand.call($(this)); 
}); 

и

function closeExpand() { 
    this.css("background-color", "black"); 
};