Jquery只能在某个页面上工作。显示了其他的没有错误，但不工作

的想法：Jquery只能在某个页面上工作。显示了其他的没有错误，但不工作

脚本和PHP是放置在一个PHP文件，所以应该很容易插入到不同的页面。

什么工作：

该脚本能正常工作的头版上。

什么不起作用：

的脚本不上任何其他网页的工作。
当脚本不起作用时，不会出现错误。

我曾尝试：

移动脚本体的页脚，头，开始。没有工作。
删除该脚本，如何利用CSS的影响（没有工作，它是复杂的CSS）

脚本+ PHP：

<script> 
$(function() { 
    $('#lear_forside').hover(function() { 
    $('#bestill_forside').css('background-color', 'white'); 
    $('#bestill_forside').css('color', 'black'); 
    $('#lear_forside img').attr('src', '<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h.png'); 
    $('#bestill_forside img').attr('src', '<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_v_ny.png'); 
    }, function() { 
    // on mouseout 
    $('#bestill_forside').css('background-color', 'black'); 
    $('#bestill_forside').css('color', '#99cc66'); 
    $('#lear_forside img').attr('src', '<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h_ny.png'); 
    $('#bestill_forside img').attr('src', '<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_v.png'); 
    }); 
}); 
</script> 

<div id="bestill_lear_forside" class="row"> 
    <a href="#myModal" role="button" class="btn btn-custom" data-toggle="modal"> 
     <div id="bestill_forside" class="col-sm-6 svart"> 
       <div class="pull-right vertical-center half-content-wrapper" style="width: 100%;margin-right: 80px"> 
         <img class="pull-left" src="<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_v.png"> 
         <span class="pull-right bestill_forside_venstre">Bestill foredrag!</span> 
       </div> 
      </div> 
    </a> 
     <a href="http://sookvisuals.com/dev/innbokskontroll/laer-innbokskontroll/" target="_self"> 
     <div id="lear_forside" class="col-sm-6 hvit"> 
      <div class="pull-left vertical-center half-content-wrapper" style="width: 100%;margin-left: 80px"> 
         <img class="pull-right" src="<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h_ny.png"> 
         <span class="bestill_forside_hoyre">Lær innbokskontroll!</span> 
       </div> 
     </div> 
    </a> 
</div>

我想有缺少某些东西或某些东西会覆盖该脚本。我该怎么办？我应该在其他地方插入脚本吗？

我包括我的头以下：

<?php wp_enqueue_script("jquery"); ?> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

来源

2015-02-09 Olen

你是否在每个页面中包含jQuery核心？你在控制台看到错误吗？ – 2015-02-09 16:39:19

函数'bloginfo（'stylesheet_directory'）;'实际回显样式表目录还是返回它？ – CD001 2015-02-09 16:41:17

*“脚本不起作用”* - Lordie，我喜欢这些标题;它真的抓住了我并解释了这个问题的关键; *不*。 – 2015-02-09 16:48:41

有页面上的一个错误： -

$('#lear_forside img').attr('src', '<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h.png');

已更改为

$('#lear_forside img').attr('src', "<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h.png");

已使用单引号对于bloginfo，有四个地方，请尝试下面的脚本并重新运行代码。

<script> 
$(function() { 
    $('#lear_forside').hover(function() { 
    $('#bestill_forside').css('background-color', 'white'); 
    $('#bestill_forside').css('color', 'black'); 
    $('#lear_forside img').attr('src', "<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h.png"); 
    $('#bestill_forside img').attr('src', "<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_v_ny.png"); 
    }, function() { 
    // on mouseout 
    $('#bestill_forside').css('background-color', 'black'); 
    $('#bestill_forside').css('color', '#99cc66'); 
    $('#lear_forside img').attr('src', "<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_h_ny.png"); 
    $('#bestill_forside img').attr('src', "<?php bloginfo('stylesheet_directory'); ?>/img/ikoner/pil_v.png"); 
    }); 
}); 
</script>

来源

2015-02-09 18:08:48 Deejay

谢谢你的评论，但它没有帮助... – Olen 2015-02-10 11:26:53

该问题已通过用类替换所有ID来解决。

来源

2015-02-11 12:06:18 Olen

Jquery只能在某个页面上工作。显示了其他的没有错误，但不工作

回答

相关问题