我不知道为什么,但是当我显示我的 WordPress 页面的源代码时,有 <script src="ROOT/jquery">
在每个脚本之前。
在 <head>
之间加载一次标签就足够了。这会导致另一个脚本无法按预期工作。我读到了一个名为 wp_enqueue
的函数,但我不明白它是如何工作的。
这是不起作用的脚本:
<script>
$(document).ready(function(){
//Datepicker Popups calender to Choose date
$(function(){
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: '1900:2050',
dateFormat: "dd/mm/yy"
//Pass the user selected date format
});
});
});
</script>
有人可以帮助我吗?
谢谢,
丹尼尔
最佳答案
已更新:请参阅 jQuery noConflict Wrappers在 WordPress 中。
<script>
jQuery(document).ready(function($) {
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: '1900:2050',
dateFormat: "dd/mm/yy"
});
});
</script>
我在本地安装的 WordPress 上进行了测试,没有出现更多错误
更新 #2:这现在是一个 CSS 错误。
每this workaround ,为每个日期选择器元素设置 z-index 应该可以解决问题:
<input id="datepicker" style="position:relative;z-index:200;width:250px;" readonly="readonly" type="text" maxlength="20" name="Date of Birth" placeholder="dd/MM/yyyy" class="hasDatepicker">
关于jquery - wordpress 加载 jquery 太多次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29761999/