Question

我正在尝试在wwordpress页面中为客户端实现一些jquery代码。代码在html文件中完美运行，但在wordpress页面中没有。请告诉我是否可以在同一个文件中添加该代码，并且无需在单独的文件中添加任何代码。代码是：

`

<p><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><br />
  <script>
  $(document).ready(function(){
     var limit = 3;
     $('input').on('change', function() {
     if($(this).siblings(':checked').length >= limit) {
       this.checked = false;
    }
  });
  </script></p>

`

Answer 1

不要添加

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Wordpress已经包含了它。并且添加两次会导致它无法正常工作。

Answer 2

jQuery(document).ready(function(){
     var limit = 3;
     jQuery('input').on('change', function() {
     if(jQuery(this).siblings(':checked').length >= limit) {
         this.checked = false;
    }
});

使用jQuery更改$

将jquery添加到wordpress个人页面

2 个答案: