如何对多个输入使用相同的$(document).ready(function() ?
How can I use the same $(document).ready(function() for multiple inputs?
我是JavaScript/jQuery新手,我使用DatePicker在一个表单中有4个日期选择。
看到设置是相同的,我尝试使用dp1的所有4个日期选择,但它不起作用。第一个日期可以选择,但其他三个不行。
所以目前我是这样做的,但似乎没有意义的额外代码,因为设置是相同的。
<script type='text/javascript'>
$(document).ready(function() {
$('#dp1').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#dp2').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#dp3').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#dp4').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
还有别的方法吗?
当然可以:)注意,你甚至不需要使用4个不同的日期选择器函数,因为你可以使用jQuery选择器来瞄准所有4个日期选择器,像这样:
<script type='text/javascript'>
$(document).ready(function() {
$('#dp1, #dp2, #dp3, #dp4').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
是的!你可以这样做:
<script type='text/javascript'>
$(document).ready(function() {
$('#dp1').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
$('#dp2').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
$('#dp3').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
$('#dp4').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
或者(只给它们一个css class all_dps
)
<script type='text/javascript'>
$(document).ready(function() {
$('.all_dps').datepicker({
autoclose: true,
format: "yyyy-mm-dd"
});
});
</script>
相关文章:
- jQuery document.ready not working
- jQuery document.ready停止代码
- 停止对document.ready函数的重定向/刷新
- 如果没有document.ready(),我怎么能拥有多个javascript函数呢
- ASPX Jquery 1.11 $(Document).ready(function() {} was skipped
- 为什么不'加载$(document.ready(function)后,单击“工作”
- 从Document.ready中的bundle执行javascript
- 从 document.ready 调用 jQuery 插件抛出 getPreventDefault 错误
- 调用 Document.ready 外部的 AJAX 函数
- jQuery "$(document).ready(function () {" equivalen
- 尝试触发点击document.ready中Bigcommerce Classic Next主题中的产品选项
- document.ready是在async js之后加载的
- 当在document.ready中使用async=true时会发生什么
- 说明ajax何时在document.ready中调用
- 如何在document.ready(function)时运行隐藏函数和动画
- HTML方法未使用Document Ready加载值
- 超越了在document.ready()中编写简单函数
- Javascript on click事件在函数中不起作用,但在document.ready()中起作用
- 为什么document.ready中的事件处理程序函数有效但无效;取出后不起作用
- 在document.ready jquery上运行ajax请求