这是我的问题:正如标题所述,jQuery仅在将脚本放在body标签底部时才起作用。 当我把它们放在头上时,它们不起作用。 我只使用一些简单的jQuery脚本

这是我的<head>

<head>
  <title>P site</title>
  <link rel='stylesheet' href='style.css'/>
  <link rel='stylesheet' type='text/css' href='jquery/css/ui-lightness/jquery-ui-1.10.4.css'/>
  <link rel='stylesheet' type='text/css' href='jquery/time/jquery.ui.timepicker.css'/>
  <style type="text/css">
  <!--
  .pagNumActive {
    color: #000;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
  }
  .paginationNumbers a:link {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
  }
  .paginationNumbers a:visited {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
  }
  .paginationNumbers a:hover {
    color: #000;
    text-decoration: none;
    border:#060 1px solid; background-color: #D2FFD2; padding-left:3px; padding-right:3px;
  }
  .paginationNumbers a:active {
    color: #000;
    text-decoration: none;
    border:#999 1px solid; background-color:#F0F0F0; padding-left:3px; padding-right:3px;
  }
  -->
</style>
<?php
  require 'connect.inc.php';
  require 'function.php';
?>

<body>有500多个行,因此我仅向您展示jQuery如何在最底部加载:

<script type='text/javascript' src='jquery/js/jquery-1.10.2.js'></script>
<script type='text/javascript' src='jquery/js/jquery-ui-1.10.4.js'></script>
<script type='text/javascript' src='jquery/time/jquery.ui.timepicker.js'></script>
<script type='text/javascript' src='jquery/js/ui.js'></script>

问题出在哪里,为什么不能将它们加载到<head>标记中?

===============>>#1 票数:0

我不认为您的问题是在哪里加载jquery,例如如何使用它,将jquery放在首位并尝试以下操作:

$(document).ready(function(){
alert('document is fully loaded and jquery can access all elements now !');
})

===============>>#2 票数:0

如果代码在正文下方时是否有效,则表明这些项目已被加载,但不知道您是否将代码放在jQuery ready函数中。

例:

 $( document ).ready(function() {
  $( "p" ).text( "The DOM is now loaded and can be manipulated." );
});

来源: http//api.jquery.com/ready/

===============>>#3 票数:0 已采纳

jQuery或JavaScript的工作方式是在调用脚本本身时检测元素或绑定事件。 由于文档是从上到下加载的,因此在执行JS之前,将jQuery放在底部可确保首先加载DOM。 另一方面,您可以使用如下技术将jQuery放在顶部:

$(document).ready(function() {
    console.log('jQuery is now ready to be executed!');

    // Place jQuery code here...
});

这基本上是在告诉jQuery,等到加载DOM之后再对其进行操作。

资料来源: http //api.jquery.com/ready/

===============>>#4 票数:0

谢谢大家,我找到了解决我的问题的方法,你们真是太棒了..如果有人遇到同样的问题,这就是我的工作原理,它可以解决...

正如@Jaimil Prajapati一样,@ Damen Salvatore和@coder_ck说我只需要将我的jquery代码放在文档就绪函数中即可。.这是我放在首位的内容,现在它可以工作了:)

<head>

<script type='text/javascript' src='jquery/js/jquery-1.10.2.js'></script>
<script type='text/javascript' src='jquery/js/jquery-ui-1.10.4.js'></script>
<script type='text/javascript' src='jquery/time/jquery.ui.timepicker.js'></script>

<script> 

$(document).ready(function() {
console.log('jQuery is now ready to be executed!');

$('#date').datepicker({ dateFormat: 'dd/mm/yy'});
$('#time').timepicker();

$(function() {
$( document ).tooltip();
});

});

</script>

</head>

  ask by MHH translate from so

未解决问题?本站智能推荐: