WordPress管理面板中的jQuery错误

Question

我在Wordpress网站的管理面板中出现很多错误。

这使得无法使用某些可视化表单生成器作为WPForms或Gravity。

我该怎么办？

Answer 1

好吧，很难说，但这可能是插件冲突。我将开始逐个停用插件和主题 ，并且每次停用后，您都可以检查JS错误是否仍然存在。

错误消失后，您可能已经找到了有冲突的插件，然后决定是否可以删除它，或者更深入地调试它，并解决冲突。

请记住，冲突是特定的组合，因此您应该尝试很多。如果您了解JS，则可以打开错误并直接从代码中查找错误。

希望这会有所帮助：）

Answer 2

正如我在上面对Francesco的评论中提到的那样，该错误是在我自己的使用串联的CSS和JS文件的插件中。

代码就是这样的：

function utm_user_scripts() {
$plugin_url = plugin_dir_url( __FILE__ );
wp_enqueue_style( 'admin-dt-css', $plugin_url . "DataTables/datatables.min.css");
wp_enqueue_script( 'admin-dt-js',  $plugin_url . "DataTables/datatables.min.js");
}
add_action( 'admin_enqueue_scripts', 'utm_user_scripts' );

我进行了更改，现在代码逐个导入了每个js和css，而不是将其串联（以避免jquery不兼容。

function import_scripts(){ ?>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/colreorder/1.5.2/css/colReorder.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/searchpanes/1.0.1/css/searchPanes.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/select/1.3.1/css/select.dataTables.min.css"/>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.6.1/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.6.1/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.6.1/js/buttons.print.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/colreorder/1.5.2/js/dataTables.colReorder.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/searchpanes/1.0.1/js/dataTables.searchPanes.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js"></script>
<?php }