Question

    var currentIndex = 0,
      items = $('.container div'),
      itemAmt = items.length;

    function cycleItems() {
      var item = $('.container div').eq(currentIndex);
      items.hide();
      item.css('display','inline-block');
    }

    var autoSlide = setInterval(function() {
      currentIndex += 1;
      if (currentIndex > itemAmt - 1) {
        currentIndex = 0;
      }
      cycleItems();
    }, 3000);

    $('.next').click(function() {
      clearInterval(autoSlide);
      currentIndex += 1;
      if (currentIndex > itemAmt - 1) {
        currentIndex = 0;
      }
      cycleItems();
    });

    $('.prev').click(function() {
      clearInterval(autoSlide);
      currentIndex -= 1;
      if (currentIndex < 0) {
        currentIndex = itemAmt - 1;
      }
      cycleItems();
    });

这是我在其他文件中的jquery。你知道如何在我的html页面中包含这个脚本吗？

<button class="next">Next</button>
  <button class="prev">Previous</button>
  <div class="container">
    <div style="display: inline-block;">
      <img src="http://placeimg.com/400/200/people"/>
    </div>
    <div>
     <img src="http://placeimg.com/400/200/any"/>
    </div>
    <div>
      <img src="http://placeimg.com/400/200/nature"/>
    </div>
    <div>
      <img src="http://placeimg.com/400/200/architecture"/>
    </div>
    <div>
      <img src="http://placeimg.com/400/200/animals"/>
    </div>
    <div>
      <img src="http://placeimg.com/400/200/people"/>
    </div>
    <div>
      <img src="http://placeimg.com/400/200/tech"/>
    </div>
  </div>

这是我的html文件，我在代码的开头包含了脚本。但似乎连接没有被创建？我是初学者。谢谢

Answer 1

您可以将所有jquery放在.js文件中，假设您已将jquery放入custom.js文件中：

在你的html / php文件的开头包含这个custom.js文件：

<script type="text/javascript" src="custom.js"></script>

Answer 2

您可以使用HTML的脚本标记在PHP页面上包含整个jquery。首先复制代码并将其放在脚本标记中。请看下面的内容。

<script type="text/javascript"> 

// your jquery code // 

</script>

Answer 3

如果你想在你的php文件中保留javascript代码，然后将其包装到<script> </script>标签中并将其放在php文件的末尾。

如果它是一个单独的.js文件，则在php文件末尾包含：<script type="text/javascript" src="Path/of/your/.js/file"> </script>。

如何在html页面中调用jquery？

3 个答案: