如何在点击按钮时调用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