Jquery Calculator无法加载

时间:2017-11-07 20:30:24

标签: jquery asp.net

我正在尝试在我的asp .net网页中使用计算器。我正在使用keith woods插件(http://keith-wood.name/calculator.html)。我已将计算器jquery上传到root。但它只是不会加载。

但是,像jquery datepicker这样的所有其他插件都能正常工作。

这是代码的简单版本

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.calculator.css"> 
<script type="text/javascript" src="js/jquery.plugin.js"></script> 
<script type="text/javascript" src="js/jquery.calculator.js"></script>

<script>  
$(function () {
    $("[id$=defaultCalc]").calculator();
}
</script>

   <asp:textbox id="defaultCalc" runat="server"></asp:textbox>

网页未附加到任何母版页。我试过改变选择器但没有任何效果。

1 个答案:

答案 0 :(得分:0)

你的jQuery版本太旧了。这段代码有效。请注意,随机选择版本2.2.4。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="/js/jquery.calculator.css">
<script type="text/javascript" src="/js/jquery.plugin.js"></script>
<script type="text/javascript" src="/js/jquery.calculator.js"></script>

<script type="text/javascript">  
    $(document).ready(function () {
        $("#<%= defaultCalc.ClientID %>").calculator();
    });
</script>

<asp:TextBox ID="defaultCalc" runat="server"></asp:TextBox>