jquery无法在WordPress/网页上加载
jquery not loading on wordpress / web page
我有导入JS文件的Wordpress博客页面。JS代码应该在页面加载后启动，但它不起作用。我不知道为什么。
服务器上存在以下文件：http://../wp-content/themes/XXXX/js/script.jsFF控制台没有错误，
生成的 html 如下所示：
<html xmlns="http://www.w3.org/1999/xhtml" pl-pl>
<head profile="http://gmpg.org/xfn/11">
<title>XXXX test › Just another WordPress site</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
<meta property="og:title" content="XXXX" />
<meta property="og:site_name" content="The easiest and fastest way to claim your PAYE tax refund."/>
-->
<link href="http://localhost/wp-content/themes/XXXX/css/bootstrap.min.css" type="text/css" media="screen" rel="stylesheet" />
<link href="http://localhost/wp-content/themes/XXXXX/style.css" title="very`plaintxt" rel="stylesheet" media="screen,projection" />
<link rel="stylesheet" type="text/css" media="print" href="http://localhost/wp-content/themes/XXXXX/print.css" />
<link rel="alternate" type="application/rss+xml" href="http://localhost/?feed=rss2" title="XXXXX test RSS feed" />
<link rel="alternate" type="application/rss+xml" href="https://XXXXX.disqus.com/latest.rss" title="XXXXXX test comments RSS feed" />
<link rel="pingback" href="http://localhost/xmlrpc.php" />
<script>
var theChampSiteUrl = 'http://localhost';
</script>
<div id="fb-root"></div>
<script>
var theChampFBKey = '';
var theChampFBLang = 'en_US';
</script>
<script>
var theChampForceFBComment = false;
var theChampFBCommentTitle = '';
var theChampFBCommentUrl = 'http://localhost/?p=44';
var theChampFBCommentColor = '';
var theChampFBCommentNumPosts = '';
var theChampFBCommentWidth = '100%';
var theChampFBCommentOrderby = '';
var theChampFBCommentMobile = '';
var theChampFBAppID = '';
var theChampSiteUrl = 'http://localhost';
var theChampWPCommentingContent = '';
var theChampFBCommentingContent = '';
var theChampCommentingLoadFbFirst = 1;
var theChampCommentingSwitchWpText = 'Switch to default commenting';
var theChampCommentingSwitchFbText = 'Switch to Facebook commenting';
var theChampCommentingHandle = false;
</script>
<script>
var theChampSharingAjaxUrl = 'http://localhost/wp-admin/admin-ajax.php';
var theChampCloseIconPath = 'http://localhost/wp-content/plugins/super-socializer/images/close.png';
var theChampPluginIconPath = 'http://localhost/wp-content/plugins/super-socializer/images/logo.png';
var theChampHorizontalSharingCountEnable = 1;
var theChampVerticalSharingCountEnable = 0;
</script>
<link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='http://localhost/wp-includes/css/dashicons.min.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='http://localhost/wp-includes/css/admin-bar.min.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='core-css' href='http://localhost/wp-content/plugins/simple-subscribe/assets/styleFrontEnd.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='the-champ-frontend-css-css' href='http://localhost/wp-content/plugins/super-socializer/css/front.css?ver=3.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='really_simple_share_style-css' href='http://localhost/wp-content/plugins/really-simple-facebook-twitter-share-buttons/style.css?ver=4.0.1' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://localhost/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://localhost/wp-content/themes/XXXXX/js/script.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://localhost/wp-content/plugins/super-socializer/js/front/social_login/general.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/wp-content/plugins/super-socializer/js/front/facebook/sdk.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/wp-content/plugins/super-socializer/js/front/facebook/commenting.js?ver=3.4.2'></script>
<script type='text/javascript' src='http://localhost/wp-content/plugins/super-socializer/js/front/sharing/sharing.js?ver=3.4.2'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.0.1" />
<script type="text/javascript">
<!--
var a2a_config = a2a_config || {},
wpa2a = {
done: false,
html_done: false,
script_ready: false,
script_load: function() {
var a = document.createElement('script'),
s = document.getElementsByTagName('script')[0];
a.type = 'text/javascript';
a.async = true;
a.src = 'http://static.addtoany.com/menu/page.js';
s.parentNode.insertBefore(a, s);
wpa2a.script_load = function() {};
},
script_onready: function() {
if (a2a.type == 'page') {
wpa2a.script_ready = true;
if (wpa2a.html_done) wpa2a.init();
}
},
init: function() {
for (var i = 0, el, target, targets = wpa2a.targets, length = targets.length; i < length; i++) {
el = document.getElementById('wpa2a_' + (i + 1));
target = targets[i];
a2a_config.linkname = target.title;
a2a_config.linkurl = target.url;
if (el) {
a2a.init('page', {
target: el
});
el.id = '';
}
wpa2a.done = true;
}
wpa2a.targets = [];
}
};
a2a_config.tracking_callback = ['ready', wpa2a.script_onready];
a2a_config.onclick = 1;
a2a_config.show_title = 1;
//-->
</script>
<script type="text/javascript">
//<![CDATA[
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
//]]>
</script>
<style type="text/css" media="all">
/*<![CDATA[*/
/* CSS inserted by theme options */
body {
font-family: 'times new roman', times, serif;
font-size: 90%;
}
body div#container {
float: left;
margin: 0 -200px 2em 0;
}
body div#content {
margin: 3em 200px 0 0;
}
body div.sidebar {
float: right;
}
body div#content div.hentry {
text-align: left;
}
body div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
font-family: arial, helvetica, sans-serif;
}
body div#wrapper {
max-width: 55em;
min-width: 35em;
width: 80%;
}
body div.sidebar {
text-align: center;
}
/*]]>*/
</style>
<style type="text/css">
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
</style>
<style type="text/css" media="print">
#wpadminbar {
display: none;
}
</style>
<style type="text/css" media="screen">
html {
margin-top: 32px !important;
}
* html body {
margin-top: 32px !important;
}
@media screen and ( max-width: 782px) {
html {
margin-top: 46px !important;
}
* html body {
margin-top: 46px !important;
}
}
</style>
</head>
JS文件：
$(function () {
alert("aaa");
/*
$('#elp_txt_email').addClass('form-control');
$('#elp_txt_button').addClass('hide');
*/
});
试试这个：
您可以将 javascript 包装在自调用函数中，然后将 jQuery 作为参数传递给它，使用 $ 作为局部变量名。例如：
(function($) {
$(document).ready(function(){
alert('aaa');
});
}(jQuery));
WordPress 附带的 jQuery 库设置为noConflict()模式。这是为了防止与WordPress可以链接的其他JavaScript库的兼容性问题。
在noConflict()模式下，jQuery的全局$快捷方式不可用。
实际上这应该有效：
jQuery(document).ready(function(){
alert('aaa');
});
不确定它是否与此问题有关，但我经常遇到此问题，因此在这种情况下记录它是一个好主意......
就我而言，问题是表单提交后未调用 Ajax 表单处理程序。相反，它将直接分支到表单中给出的"动作"参数。
基本问题是由于在wordpress中反复切换所见即所得和HTML编辑器，不知何故，ajax表单提交处理程序被自动注释掉！[CDATA[.
解决方案是在编辑wordpress帖子时禁用所见即所得并删除！[CDATA[ 脚本前的关键字...
相关文章：
- 如何防止网页加载后自动启动功能
- 如何在网页加载时显示加载内容，并在页面完全加载时隐藏此内容
- 如何在网页加载asp.net上显示文本框中第二个字母的光标位置
- 我能得到网页加载的时间吗
- 如何在整个网页加载后执行脚本
- 网页加载不正确:'"JSON”;未定义'错误
- 如何在网页加载之前添加加载页面
- 删除不需要的javascript和css是否包括减轻网页加载时间
- 如何在硒中仅从网页加载html
- 如何获取网页加载时间
- 如何在网页加载之前制作预加载器
- 如何使用网页加载的源从网页获取文本框内容
- Touchstart 事件永远不会在网页加载的首次加载时在 Android Chrome 上触发
- 网页加载完成后图像淡入
- 在网页加载后覆盖现有的javascript方法应该是可能的
- Selenium网页加载问题
- 在整个网页加载后加载谷歌广告
- 使用Javascript在网页加载时自动点击
- 如何在javascript中创建进度条以及如何在网页加载时使用它
- 当网页加载时，自动聚焦HTML表单输入的最佳方法是什么?
