jQuery在Wordpress中无法正常工作 [英] Jquery not working properly in Wordpress

问题描述

这是我在wordpress中用于footer.php的代码

this is my code for footer.php in wordpress

<div class="col-fr col-space flink" id="a-1">
    <h4>title</h4>
    <?php 
$menuParameters = array(
  'menu'            => 'New To website', 
  'container'       => false,
  'container_class' => 'footmenu',
  'echo'            => false,
  'items_wrap'      => '%3$s',
  'depth'           => 0,
);

echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
?>


  </div>
  <div class="col-fr flink col-space" id="a-2">
    <h4>title</h4>
    <?php 
$menuParameters = array(
  'menu'            => 'Most Popular', 
  'container'       => false,
  'container_class' => 'footmenu',
  'echo'            => false,
  'items_wrap'      => '%3$s',
  'depth'           => 0,
);

echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
?>


  </div>
  <div class="col-fr flink col-space" id="a-3">
    <h4>title?</h4>

       <?php 
$menuParameters = array(
  'menu'            => 'Need Help', 
  'container'       => false,
  'container_class' => 'footmenu',
  'echo'            => false,
  'items_wrap'      => '<ul>%3$s</ul>',
  'depth'           => 0,
);

echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
?>



  </div>
  <div class="col-fr flink" style="margin-right:0px" id="a-4">
    <h4>title</h4>
       <?php 
$menuParameters = array(
  'menu'            => 'quicklink', 
  'container'       => false,
  'container_class' => 'footmenu',
  'echo'            => false,
  'items_wrap'      => '%3$s',
  'depth'           => 0,
);

echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
?>


  </div>
  <script>

var ul = $("<ul></ul>").appendTo("#a-1");
$("#a-1 a").each(function() {
    $(this).wrap("<li></li>").parent().appendTo(ul);
});


var ul = $("<ul></ul>").appendTo("#a-2");
$("#a-2 a").each(function() {
    $(this).wrap("<li></li>").parent().appendTo(ul);
});

var ul = $("<ul></ul>").appendTo("#a-3");
$("#a-3 a").each(function() {
    $(this).wrap("<li></li>").parent().appendTo(ul);
});

var ul = $("<ul></ul>").appendTo("#a-4");
$("#a-4 a").each(function() {
    $(this).wrap("<li></li>").parent().appendTo(ul);
});


    </script>

此脚本无法正常运行，但如果我添加

this script not work normally but if i add

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

之前为header.php文件

to header.php file before

 <?php
    wp_head();
?>
</head>

然后它的工作正常...所以我的代码有什么问题..我不想添加jquery再次添加标头.它已经被defult加载了.版本也一样..我尝试粘贴该代码heaer.php，但无法正常工作，还尝试为此制作一个单独的js文件并加载..但没有工作..

then its work fine... so what wrong with my code.. i don't want to add jquery add again header. it's load by defult already. version also same.. i tried paste that code heaer.php but not work also tried to make one separate js file for this and load.. but no work..

任何解决方案..?

推荐答案

使用jQuery代替$

因为大多数CMS使用 noConflict

because most of CMS use noConflict

这篇关于jQuery在Wordpress中无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！