如何在點擊按鈕時調用jquery文件？

Question

下面是form.js jQuery代碼...

$(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'); 
}); 

我想打電話給在按一下按鈕被放置在另一個文件中該文件。 我怎樣才能做到這一點？

注意：按鈕是使用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