Question

我的代码有问题，这是jquery和普通javascript的混合。我使用jquery来显示和隐藏一些div和j以通过在div内加载页面来刷新div。普通的js代码不能正常工作，但是如果我删除jquery代码就可以了。

我的代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ton plans</title>
<link href="template/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
    $('#refresh').fadeOut().load('last_post.php').fadeIn();
}, 10000); 
</script>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

<script type="text/javascript">

  //no conflict jquery
  jQuery.noConflict();
  //jquery stuff
  (function($) {
      $(document).ready(function()
      {  


         $("#bott_div").click(function() {
         $("#div_profile").show(['fast'])

         })

         $("#page").click(function() {
         $("#div_profile").hide(['fast'])

         })


      })  
 })    
          (jQuery);

</script>

</head>

jQuery代码和普通javaScript之间存在冲突，导致它无法正常工作。我需要帮助来确定问题。

Answer 1

更改前两个脚本的顺序 - 比如

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
    $('#refresh').fadeOut().load('last_post.php').fadeIn();
}, 10000); 
</script>

Answer 2

在jQuery代码中有一个“（”在函数前面。在

中封装代码

     $(document).ready(function() {
        $("sampleSelect").click(function() {
        //code
        }
     });

javascript不能在同一页面中使用jquery

2 个答案: