Невозможно запустить функцию JQuery

Question

Я пытаюсь выполнить функцию в JQuery, пропустив ее с помощью двух кнопок. Первая кнопка запускает функцию как ожидалось, а вторая кнопка вызывает функцию, используемую первой кнопкой, однако она не работает.

Это мой код:

-----------------HTML----------------- 

<button class="Original">Original</button> 
<button class="Second">Second</button> 

----------------JQuery---------------- 

$(document).ready(function(){ 
    $(".Original").click(function foo(){ 
     alert("bar"); 
    }); 

    $(".Second").click(function(){ 
     foo(); 
    }); 
}); 

JSFiddle Example

Я newbie.Thanks заранее за помощь

Answer 1

пытаются имитировать щелчок $ на $ ("(» Оригинал"). .Second ") нажмите

$(".Second").click(function(){ 
     $(".Original").click(); 
    }); 

Foo() метод только делегированы $ (". Оригинал ") нажмите событие, это неизвестно снаружи.

здесь обновляется fiddle

Answer 2

Вы вызываете функцию в другом function.So вы не можете назвать это directly.See эту скрипку: http://jsfiddle.net/tRm3d/1/

$(document).ready(function(){ 
    $(".Original").click(function foo(){ 
     alert("bar"); 
    }); 

    $(".Second").click(function(){ 
     $(".Original").click().foo(); 
    }); 
}); 

Answer 3

Foo объявлен внутри первого события щелчка. Он не будет ограничен и доступен для второго.

Посмотрите этот JS скрипки правильного способа охвата этой функции: http://jsfiddle.net/tRm3d/4/

var function foo() {} 

должен быть вне замкового событий.

Answer 4

Мои два цента.

Не знаете, почему у вас не просто объявление функции за пределами обработчика события. например

// declare the function 
var foo = function(){ 
    alert('bar'); 
}; 

// bind click event handler for Original 
$('.Original').click(foo); 

// bind click event handler for Second 
$('.Second').click(foo); 

// call the function from anywhere 
foo(); 

Answer 5

Почему бы вам не использовать что-то вроде этого? ;)