<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script>
$(function(){
$("li a").click(function(){
id=$(this).attr('id');
alert(id);
switch(id)
{
  case 1:
  $("#show").html(id);
  break;
  case 2:
  $("#show").html(id);
  break;
  }
})
   })
</script>
</head><body>
<li><a href="" id="1">国内</a></li>
    <li><a href="" id="2">国际</a></li>
    <div id="show" style=" height:100px; width:500px; border:#3CF 1px solid;"></div>
</body>
</html>问题:点击链接后 <div id="show">为何无内容呢?

解决方案 »

  1.   


    case "1": ////////////
    $("#show").html(id);
    break;
    case "2": /////////////
    $("#show").html(id);
    break;
      

  2.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    <script>
    $(function(){
    $("li a").click(function(){
    id=$(this).attr('id');
    switch(id)
    {
    case "1":
    $("#show").html(id);
    break;
    case "2":
    $("#show").html(id);
    break;
    }
    return false;
    })
    })
    </script>
    </head><body>
    <li><a href="" id="1">国内</a></li>
      <li><a href="" id="2">国际</a></li>
      <div id="show" style=" height:100px; width:500px; border:#3CF 1px solid;"></div>
    </body>
    </html>
      

  3.   


    $(function(){
    $("li a").click(function(){
     id=$(this).attr('id');
     alert(id);
     switch(id)  // 这个switch在这里有啥作用呀, 你是做练习还是啥呀,
    // 直接  $("#show").html($(this).attr("id"));
    // 就可以呀, 也没看到你有其它作用呀
     {
     case "1":// 字符串
     $("#show").html(id);
     break;
     case "2":
     $("#show").html(id);
     break;
     }
     })
     })
      

  4.   

    为什么一定要加个 return false;呢?
      

  5.   

    因为你的点击处是个<a>,点击后,href=''会导致刷新页面,return false是阻断这个吧,要不你改成href='#' ,不用加return false,我试过了
      

  6.   

    case "1":
    $("#show").load("http://www.163.com");
    break;为什么不能加载呢?
      

  7.   

    $("#show").load("001.html");这样也不行啊 文件都在一个目录下 
      

  8.   


    我这里的结果是firefox3.6,ie8可以,chrome不可以