область видимости функции мешают моей функции

Question

Как я могу запускать мои функции Off() и Live() без функции удаления рамки .ready()?

<form id="1" name="first-form"> 
    <p> 
     <input type="button" value="Submit 1" onClick="Off();"> 
    </p> 
</form> 

<form id="2" name="second-form"> 
    <p> 
     <input type="button" value="Submit 2" onClick="Live();"> 
    </p> 
</form> 

Мой JS код ниже:

$(document).ready(function(){ 
    function Off(){ 
     alert('off'); 
    } 

    function Live(){ 
     alert('live'); 
    } 
}); 

Answer 1

сделали комментаторам что вы должны просто перемещать функции из области действия. Но если это невозможно, вы можете добавить функции к объекту (так что у вас нет большого количества переменных, загрязняющих глобальную область) и экспортируйте их; затем просто измените имя функций, которые вызывает события кликов.

JavaScript

$(document).ready(function() { 

    window.module = { 
     Off: function() { 
     alert('off'); 
     }, 
     Live: function() { 
     alert('live'); 
     } 
    } 

}); 

HTML

<input type="button" value="Submit 1" onClick="module.Off();" /> 
<input type="button" value="Submit 2" onClick="module.Live();" /> 

DEMO

Серьезно, это далеко от оптимального решения, но это не ответ на ваш вопрос, я полагаю.

Answer 2

Если поместить обработчик в HTML, то ваш Funtion должны быть глобальными, попробуйте удалить готовую функцию:

function Off(){ 
    alert('off'); 
} 

function Live(){ 
    alert('live'); 
}