Question

我遇到了一个与jquery相冲突的问题，我无法弄明白......

我有一个滑块脚本和一个工作正常但不在一起的悬停图像脚本。

当我添加一个noconclict脚本时，我有一个工作，但由于某种原因，其他STILL没有通过，我已经厌倦了很多东西，但仍然在chrome中出现“对象未定义”错误。

可以somone请看看并帮助我吗？谢谢！

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

 <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/jquery-1.8.3.min.js"></script><!--script for tooltip-->        
            <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/jquery.ipicture.js"></script>

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/jquery.flexslider.js"></script>




   <script>
$(".fade").hide(0).delay(50).fadeIn(1000)

<script>
    $(document).ready(function() {
      $('.nav-toggle').click(function(){
        //get collapse content selector
        var collapse_content_selector = $(this).attr('href');                   

        //make the collapse content to be shown or hide
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function(){
          if($(this).css('display')=='none'){
                            //change the button label to be 'Show'
            toggle_switch.html('Show');
          }else{
                            //change the button label to be 'Hide'
            toggle_switch.html('Hide');
          }
        });
      });

    }); 
    </script>


<script>
 $.noConflict();
 jQuery(document).ready(function($){
 $(window).load(function() {
            $('.flexslider').flexslider({
                slideshow: "true",
                animation: "slide"
            });
        });
});
</script>

Answer 1

在WordPress中，你不应该直接包含jQuery / JS文件。

您似乎也包含了两次jQuery。 1.10.2和1.8.3。

将它们排入functions.php：

function wpse_load_jquery() {
    wp_enqueue_script( 'jquery' );

    wp_register_script( 'ipicture', get_template_dirctory_uri() . '/library/js/jquery.ipicture.js', array( 'jquery' ) );
    wp_enqueue_script( 'ipicture' );

    wp_register_script( 'flexslider', get_template_dirctory_uri() . '/library/js/jquery.flexslider.js', array( 'jquery' ) );
    wp_enqueue_script( 'flexslider' );
}
add_action( 'wp_enqueue_scripts', 'wpse_load_jquery' );

然后将所有代码放入

jQuery(document).ready(function($) {
   // jquery code
});

冲突的Jquery问题我很难过

1 个答案: