求救：jQuery如何处理select事件？

参考官方网站的说明，我使用：
    $(function () {
        $('#tabs ul').tabs({
             select: function(event, ui) {
                alert("Clicked me!");
            }
        });
    })
点击标签时，却无法触发事件，为什么？

解决方案 »

  1.   

    告诉我你要干什么呗？什么选择？Ul的话直接用click事件呗！
      

  2.   

    我就是想在改变tabindex的事件中做一些处理，使用click事件只能取得之前的index，无法获得改变后的index。
      

  3.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Tabtest.aspx.cs" Inherits="mySys.Tabtest" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="print, projection, screen">
        <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script src="js/ui.tabs.pack.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="container-1">
                <ul>
                    <li><a href="#fragment-1"><span>One</span></a></li>
                    <li><a href="#fragment-2"><span>Two</span></a></li>
                </ul>
            <script type="text/javascript">
                $(function () {
                    $('#container-1 ul').tabs();
                    $("#container-1 ul").tabs({
                        select: function (event, ui) {
                            alert(ui.index);
                            //$("#selectedtab").val = ui.index;
                        }
                    });
                })
            </script>
                <div id="fragment-1"></div>
                <div id="fragment-2"></div>
            </div>
            <div><h3>Test!</h3></div>
        </form>
    </body>
    </html>
      

  4.   

    http://hi.baidu.com/loneho/blog/item/1f70e119a1231170dab4bd03.html
      

  5.   

    注意：只有切换另一TAB时才会触发事件。默认TAB为ONE，所以要点TWO时才触发，然后再点ONE……
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      <title></title>
      <link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="print, projection, screen">
            <script src="jquery-1.2.3.pack.js" type="text/javascript"></script>
            <script src="ui.tabs.pack.js" type="text/javascript"></script>
      <script type="text/javascript">
    $(function() {
    $('#container-1 ul').tabs({
    select: function(ui) {
    alert("Clicked me!");
    }
    });});
      </script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div id="container-1">
      <ul>
      <li><a href="#fragment-1"><span>One</span></a></li>
      <li><a href="#fragment-2"><span>Two</span></a></li>
      </ul>  <div id="fragment-1"></div>
      <div id="fragment-2"></div>
      </div>
      <div><h3>Test!</h3></div>
      </form>
    </body>
    </html>