logo标签列表

WordPress：我的JS文件不执行任何代码，也不返回404错误。

javascriptjquerywordpress
3

这是我的jQuery代码：

jQuery(document).ready(function() {
    var $window = jQuery(window);

    console.log("Pre-page height: " + $window.height());
    jQuery('.main-content .home-block').height($window.height());

    $window.on('resize', function(){
        console.log("Resize event height: " + $window.height());
        jQuery('.main-content .home-block').height($window.height());
    });
});

这是我当前的代码：
  <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <title><?php cs_wp_title(); ?></title>
    <?php if( ! cs_get_option( 'non_responsive' ) ) { ?>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <?php } else { ?>
    <meta name="viewport" content="width=1200">
    <?php } ?>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js" />
    <!-- Start of imported scripts -->
    <script type="text/javascript" src="/js/customjs/main.js" />
    <script type="text/javascript" src="/js/panelsnap/jquery.panelsnap.js" />
    <!-- End of imported scripts -->
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php if ( is_search() || is_404() ) { echo '<meta name="robots" content="noindex, nofollow" />'; } ?>
    <?php if ( cs_get_option( 'favicon' ) ) { echo '<link rel="shortcut icon" href="'. cs_get_option( 'favicon' ) .'" />'; } ?>
    <?php wp_head(); ?>
  </head>

我的控制台干净，没有显示错误。我的页面上也没有发生奇怪的事情。这里的问题是什么？
你在控制台输出(console.log(...))中看到了什么吗？ - Mivaweb
@Mivaweb 这是一个晚期编辑，但我在我的编辑中刚回答了这个问题，不幸的是我没有。 - Rizky Fakkel
你尝试过使用https://codex.wordpress.org/Function_Reference/wp_enqueue_script吗？ - Caio Felipe Pereira
它的JavaScript部分对我来说似乎运行良好。我给你的建议是逐步添加一个部分重写页面。 - Neil
你确定代码存在于你的页面上吗？也许你保存了代码，但是在另一个页面上？ - brance
对于@CaioFelipePereira和brance的相关问题，回答是否定和肯定。似乎在控制台中使用普通警报是可以的，但是任何涉及jQuery的内容都不行，尽管我明确地将jQuery放在其中。 - Rizky Fakkel
1个回答
2

好的，这是一个很好的教训：

始终检查您的jQuery CDN。

它没有起作用。正常的console.log或alert会给我一个响应，但任何带有jQuery选择器的东西都会出错。

我从jQuery CDN切换到了：

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js" />

到谷歌CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

然后它开始工作了。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接