jQuery不加载在WordPress的/网页上 [英] jquery not loading on wordpress / web page

查看：141
本文介绍了jQuery不加载在WordPress的/网页上的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有导入JS文件的Wordpress博客页面。 JS代码应该在页面加载后启动，但它不起作用。我不知道为什么。



以下文件存在于服务器上：http：// .. /wp-content/themes/XXXX/js/script.js
在FF控制台中没有错误，

生成的html如下所示： 

 < html xmlns =http://www.w3.org/1999/xhtmlpl-pl> 
 
< head profile =http://gmpg.org/xfn/11> 
< title> XXXX测试& rsaquo;另一个WordPress网站< / title> 
< meta http-equiv =content-typecontent =text / html; charset = UTF-8/> 
< meta name =viewportcontent =width = device-width，initial-scale = 1> 
 <！ -  
 < meta property =og：site_namecontent =最简单快捷的方式来申领您的PAYE退税。/> 
  - > 
 
< link href =http：//localhost/wp-content/themes/XXXX/css/bootstrap.min.csstype =text / cssmedia =screen = stylesheet/> 
  
< link rel =stylesheettype =text / cssmedia =printhref =http：//localhost/wp-content/themes/XXXXX/print.css/ > 
 
< link rel =alternatetype =application / rss + xmlhref =http：// localhost /？feed = rss2title =XXXXX test RSS feed/> 
  
< link rel =pingbackhref =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 ='切换到默认评论'; 
 var theChampCommentingSwitchFbText ='切换到Facebook评论'; 
 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 theChampHorizo​​ntalSharingCountEnable = 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&＃038; subset = latin％2Clatin-ext&＃038; 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 type ='text / javascript'src ='http：//localhost/wp-content/themes/XXXXX/js/script.js？ver = 4.0.1'><< ; /脚本> 
 
< script type ='text / javascript'src ='http：//localhost/wp-content/plugins/super-socializer/js/front/social_login/general.js？ver = 3.4 0.2' >< /脚本> 
< script type ='text / javascript'src ='http：//localhost/wp-content/plugins/super-socializer/js/front/facebook/sdk.js？ver = 3.4.2'> ;< /脚本> 
< script type ='text / javascript'src ='http：//localhost/wp-content/plugins/super-socializer/js/front/facebook/commenting.js？ver = 3.4.2'> ;< /脚本> 
< script type ='text / javascript'src ='http：//localhost/wp-content/plugins/super-socializer/js/front/sharing/sharing.js？ver = 3.4.2'> ;< /脚本> 
< link rel =EditURItype =application / rsd + xmltitle =RSDhref =http：//localhost/xmlrpc.php？rsd/> 
< link rel =wlwmanifesttype =application / wlwmanifest + xmlhref =http：//localhost/wp-includes/wlwmanifest.xml/> 
< meta name =generatorcontent =WordPress 4.0.1/> 
 
< script type =text / javascript> 
<！ -  
 var a2a_config = a2a_config || {}，
 wpa2a = {
完成：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; 
2a_config.linkurl = target.url; 
 if（el）{
2a.init（'page'，{
 target：el 
}）; 
 el.id =''; 
} 
 wpa2a.done = true; 
} 
 wpa2a.targets = []; 
} 
}; 
2a_config.tracking_callback = ['ready'，wpa2a.script_onready]; 
2a_config.onclick = 1; 
2a_config.show_title = 1; 
 //  - > 
< / script> 
< script type =text / javascript> 
 //<！[CDATA [
 
！函数（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）; 
} 
}（文档，script，twitter-wjs）; 
 
 //]]> 
< / script> 
< style type =text / cssmedia =all> 
 / *<！[CDATA [* / 
 / * CSS插入主题选项* / 
 
 body {
 font-family：'times new roman' ，时间，衬线; 
 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; 
最小宽度：35em; 
宽度：80％; 
} 
 body div.sidebar {
 text-align：center; 
} 
 / *]]> * / 
< / style> 
< style type =text / css> 
 .recentcomments a {
 display：inline！important; 
填充：0！重要; 
保证金：0！重要; 
} 
< / style> 
< style type =text / cssmedia =print> 
 #wpadminbar {
 display：none; 
} 
< / style> 
< style type =text / cssmedia =screen> 
 html {
 margin-top：32px！important; 
} 
 * html body {
 margin-top：32px！important; 
} 
 @media屏幕和（最大宽度：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（） code>模式。这是为了防止与WordPress可链接的其他JavaScript库的兼容性问题。


$ b 在 noConflict（）模式下， jQuery 的全局 $ 快捷方式不可用。


I have Wordpress blog page which imported JS file. JS code should be started after page load, but it's not working. I don't know why.

Following file exists on server: http://.. /wp-content/themes/XXXX/js/script.js No errors in FF console,

Generated html looks like this:

<html xmlns="http://www.w3.org/1999/xhtml" pl-pl>

<head profile="http://gmpg.org/xfn/11">
    <title>XXXX test &rsaquo; 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&#038;subset=latin%2Clatin-ext&#038;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 file:

$(function () {
    alert("aaa");
    /*
    $('#elp_txt_email').addClass('form-control');
    $('#elp_txt_button').addClass('hide');    
    */
});

解决方案

Try this:

You can wrap your javascript inside a self-invoking function, then pass jQuery as an argument to it, using $ as the local variable name. For example:

(function($) {
   $(document).ready(function(){
      alert('aaa');
   });
}(jQuery));

The jQuery library included with WordPress is set to the noConflict() mode. This is to prevent compatibility problems with other JavaScript libraries that WordPress can link.

In the noConflict() mode, the global $ shortcut for jQuery is not available.

这篇关于jQuery不加载在WordPress的/网页上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆