버튼 클릭시 jquery 파일을 호출하는 방법은 무엇입니까?

Question

다음은

$(document).ready(function() { 
    var requiredFlag = ' * '; 
    var requiredKey = $('input.required:first').next('span').text(); 
    requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/,"$1"); 
    var conditionalFlag = ' ** '; 
    var conditionalKey = $('input.conditional:first').next('span').text(); 
    conditionalKey = conditionalFlag + conditionalKey.replace(/\((.+)\)/,"$1"); 

    $('form :input').filter('.required') 
        .next('span').text(requiredFlag).end() 
        .prev('label').addClass('req-label'); 

    $('form :input').filter('.conditional') 
        .next('span').text(conditionalFlag); 

    $('<p></p>').addClass('field-keys') 
       .append(requiredKey + '<br />') 
       .append(conditionalKey) 
       .insertBefore('#contact'); 
}); 

내가 다른 파일에 저장됩니다 버튼 클릭에서이 파일을 호출 할 ... form.js에서 jQuery 코드입니다. 어떻게해야합니까?

참고 : 단추는 asp.net 단추 컨트롤을 사용하여 만들어집니다.

미리 감사드립니다.

Answer 1

그런 다음 1 2의 posibilities

을해야

먼저 다음과 같이 ButtononClientClick 속성에 함수를 하드입니다 : <asp:Button runat="server" ID="btnExample" onClientClick=" function() { var requiredFlag = ' * ';var requiredKey = 'input.required:first').next('span').text(); requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/,"$1"); var conditionalFlag = ' ** '; var conditionalKey = $('input.conditional:first').next('span').text(); conditionalKey = conditionalFlag + conditionalKey.replace(/\((.+)\)/,"$1"); $('form :input').filter('.required') .next('span').text(requiredFlag).end() .prev('label').addClass('req-label'); $('form :input').filter('.conditional') .next('span').text(conditionalFlag); $('<p></p>').addClass('field-keys').append(requiredKey + '<br />') .append(conditionalKey) .insertBefore('#contact'); }"/>

또는 둘째로 당신의 JS 파일에 작성하는 것입니다 또는 script 태그 내부 :

var myFunctionClientClick = function() { 
var requiredFlag = ' * '; 
var requiredKey = $('input.required:first').next('span').text(); 
requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/,"$1"); 
var conditionalFlag = ' ** '; 
var conditionalKey = $('input.conditional:first').next('span').text(); 
conditionalKey = conditionalFlag + conditionalKey.replace(/\((.+)\)/,"$1"); 

$('form :input').filter('.required') 
       .next('span').text(requiredFlag).end() 
       .prev('label').addClass('req-label'); 

$('form :input').filter('.conditional') 
       .next('span').text(conditionalFlag); 

$('<p></p>').addClass('field-keys') 
      .append(requiredKey + '<br />') 
      .append(conditionalKey) 
      .insertBefore('#contact');} 

는 단순히 <asp:Button runat="server" ID="btnExample" onClientClick="myFunctionClientClick"/>

쓰기

도움이 되길 바랍니다.

Answer 2

사용할 수 있습니다. .getScript() 메서드를 사용할 수 있습니다. 여기

$(document).ready(function() { 
    // within dom ready function 
    $('#bton').on('click', function() { 
     $.getScript('form.js?' + (new Date()).getTime(), function() { 
      // do something after file load 
     }); 
    }); 
}); 

는 (new Date().getTime()) 예방 캐시 문제입니다 및 #your_button은 해당 버튼의 id 또는 class 또는 다른 선택으로 교체해야합니다. 당신이 ASP Button를 사용하는 경우