2014-02-27 158 views
-3

我想提出一個的WordPress主題wordpress function.php jquery衝突?

我試圖找出爲什麼我所有的劇本都沒有工作...我貼我的全的functions.php下面...任何人都可以看到什麼是錯的?我懷疑jquery衝突 ...如果是這樣的問題是什麼?

讓我知道如果你需要的網址,其中的問題是,如果你無法看到下面的錯誤...

感謝了很多!

<?php 
function biscuits_enqueue() { 

    wp_enqueue_script('jquery-ui', 'https://code.jquery.com/jquery.js', array('jquery')); 
    wp_enqueue_script('bootstrap.min', get_template_directory_uri(). '/js/bootstrap.min.js', array('jquery')); 
    wp_enqueue_script('ekko-lightbox', get_template_directory_uri(). '/js/ekko-lightbox.js', array('jquery')); 

} 
add_action('wp_footer', 'biscuits_enqueue'); 
?> 

<script> 
    $(document).ready(function($){ 
     //lightbox 
     $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) { 
      event.preventDefault(); 
      $(this).ekkoLightbox(); 
     }); 

     //bs-sidebar 
     $(function() { 
      var $window = $(window) 
      var $body = $(document.body) 
      var $sideBar = $('.bs-sidebar') 

      var navHeight = $('.navbar').outerHeight(true) + 10 

      $body.scrollspy({ 
       target: '.bs-sidebar', 
       offset: navHeight 
      }) 

      $('.bs-docs-container [href=#]').click(function (e) { 
       e.preventDefault() 
      }) 

      // back to top 
      setTimeout(function() { 
        $sideBar.affix({ 
        offset: { 
         top: function() { 
          var offsetTop = $sideBar.offset().top 
          var sideBarMargin = parseInt($sideBar.children(0).css('margin-top'), 10) 
          var navOuterHeight = $('.bs-docs-nav').height() 

          return (this.top = offsetTop - navOuterHeight - sideBarMargin) 
         }, 
         bottom: function() { 
          return $('.bs-footer').outerHeight(true) 
         } 
        } 
       }) 
      }, 100) 

      $window.on('load resize', function() { 
       $body.scrollspy('refresh') 
      }) 

      $window.on('load', function() { 
       $('.bs-top').affix(); 
       setTimeout(function() { 
        $sideBar.affix('checkPosition') 
       }, 10); 
      }); 

      // tooltip demo 
      $('.tooltip-demo').tooltip({ 
       selector: "[data-toggle=tooltip]", 
       container: "body" 
      }) 

      $('.tooltip-test').tooltip() 
      $('.popover-test').popover() 

      $('.bs-docs-navbar').tooltip({ 
       selector: "a[data-toggle=tooltip]", 
       container: ".bs-docs-navbar .nav" 
      }) 
     }) 
    }); 
</script> 

的問題可能是由這個原因引起:

Additional info

+0

你有沒有看過任何瀏覽器控制檯,你的代碼拋出哪個錯誤? – GhostGambler

+0

錯誤消息說什麼,爲什麼PHP會與jQuery衝突? – Mike

+0

PHP是不是這裏的問題..除非你看到一個問題...腳本也許...這是什麼控制檯說http://omarhabash.com/ss.png – Omar

回答

1

你在問什麼? wp_enqueue_script或javascript部分?

wp_enqueue_script()需要第四個參數,如果爲true,將在腳註中放置一個腳本,如get_footer()wp_footer()所生成的。另外,您要使用的wp_enqueue_scripts腳本的,而不是wp_footer像這樣:

add_action('wp_enqueue_scripts', 'my_theme_equeue_scripts'); 

..actually,這是fifth argument

。 。 。

爲了使用jQuery,您必須使用<script>元素加載庫並使用src屬性指定腳本位置。

e.g:

<script type="text/javascript" 
     src="http://rmko/wp-includes/js/jquery/jquery.js"></script> 

<script type="text/javascript" 
     src="http://rmko/wp-content/themes/MyWorkout24/js/bootstrap.js"></script> 

如果你對事物的WordPress的側正確所做的一切,類似於一個線之上應該出現在頂部附近或最終HTML文檔的底部。如果您在最終的HTML文檔中找不到「jquery.js」,請查看此答案的前一部分。請注意,「bootstrap.js」必須在之後(接近最終HTML的底部)。

當這是有序的時候,你可以使用通常的自執行匿名函數範例來將「特殊」美元符號傳遞給一段JavaScript代碼;

<script> 
(function($){ 

/* 
we define a function with one "special" argument [function($){...}] and call 
it immediately in another function: [()(jQuery)]. The outer function is given 
the global jQuery object as an argument. That global variable is defined in 
"jquery.js". 

This works less than perfectly if -this- script is "below" (in the footer) 
everything else such as elements with HTML id attributes and CSS classes 
that are commonly used as jQuery selectors. To be on the safe side you 
can do this: 
*/ 

// here, $ means jQuery. 
$(document).ready(function($){ 

    $('input[type="submit"]').click(function(event){ 
     event.preventDefault(); 
     alert('form is ready to be submitted.'); 
    }); 

}); 


})(jQuery) 
</script> 

。 。 。

Omar,我會猜測你是WP/PHP/JS的新手,歡迎你來到StackOverflow。但是,在這裏發佈問題之前,請先閱讀介紹性文檔,因爲我認爲這個地方可以找到一些非常重要的解決方案和針對難題的書面建議。

這也是一個很好的地方通過閱讀問題學習。不幸的是,我擔心沒有人會從你的問題或我的答案中學到任何東西,他們不可能通過瀏覽網頁甚至是書本來學習。我希望你能理解我對SO污染問題的關注。

+0

JavaScript部分是我認爲是錯誤的...對不起,我的問題可能不明確,因爲這是我的第一個WordPress站點...我通過建模默認的方式編寫了這個...我知道有問題,因爲dom沒有閱讀我的腳本...看一看在控制檯正在閱讀什麼。 http://omarhabash.com/ss.png – Omar