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只能在某個頁面上工作。顯示了其他的沒有錯誤，但不工作

回答

相關問題