Jquery虽然已加载但无法正常工作

时间:2014-07-20 11:16:04

标签: jquery

datepicker()val()hide()等jQuery函数不起作用。我不知道为什么会这样,因为在命令工作之前发出警报,以及定义了jQuery变量。

我加载了哪些库?:

<script type="text/javascript" src="{{ asset("bundles/admin/js/plugins/jquery-1.7.min.js") }}"></script>
<script type="text/javascript" src="{{ asset("bundles/admin/js/plugins/jquery.flot.min.js") }}"></script>
<script type="text/javascript" src="{{ asset("bundles/admin/js/plugins/jquery.flot.resize.min.js") }}"></script>
<script type="text/javascript" src="{{ asset("bundles/admin/js/plugins/jquery-ui-1.8.16.custom.min.js") }}"></script>
<script type="text/javascript" src="{{ asset("bundles/admin/js/custom/general.js") }}"></script>
<script type="text/javascript" src="{{ asset("bundles/admin/js/custom/dashboard.js") }}"></script>

我正在尝试运行的功能在哪里?在dashboard.js文件中,代码如下所示:

jQuery(document).ready(function(){
   jQuery('#datepicker').hide();
});

而datepicker字段是:

<input type="text" id="dateBir" name="dateBir" id="datepicker" />

我用$ sign而不是jQuery变量尝试过,但没有任何反应。在函数工作之前发出警报,jQuery被定义,就像我在开始时说的那样。怎么了?

1 个答案:

答案 0 :(得分:1)

您的输入中有两个ID,将datepicker更改为一个类?

<input type="text" id="dateBir" name="dateBir" class="datepicker" />

然后你可以从开发者控制台运行吗?

jQuery('.datepicker').hide();
jQuery('.datepicker').css('display','none');
jQuery('#dateBir').css('display','none');