JQuery选项卡，在选项卡上选择触发事件

【问题标题】：JQuery tabs, on tab select trigger eventJQuery选项卡，在选项卡上选择触发事件
【发布时间】：2013-05-12 15:41:08
【问题描述】：

我是 JQuery 的新手，我正在尝试选择一个触发事件的选项卡，这是我创建的代码。但是当我点击我希望事件触发的选项卡时，事件不会触发

    $("#tabs").tabs({
        select: function (event, ui) {
            var selected = ui.panel.id;
            alert("Hello");
            $.ajax({
                type: "POST",
                url: "/Create/iFrameStyling",
                data: { 'fontFamily': $('#ddlTypography').val() },
                dataType: "json",
                success: function (msg) {
                }
            });
        }
    });

【问题讨论】：

标签： jquery ajax model-view-controller tabs

【解决方案1】：

我怀疑错误在您的 html 中（如果错误仍然存在，最好发布您的 html）。这是一个带有示例 html 的工作小提琴。我建议你检查你的 html。

http://jsfiddle.net/hvbnC/

另外，请确保您包含 JQuery UI。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

html（示例，格式良好）

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
        <li><a href="#tabs-3">tab 3</a></li>
    </ul>

    <div id="tabs-1">
        <p>tab 1 ..sdfasfdsafd.</p>
    </div>
    <div id="tabs-2">
        <p>tab 2 ..sdfasfdsafd.</p>
    </div>
    <div id="tabs-3">
        <p>tab 3 ..sdfasfdsafd.</p>
    </div>
</div>

【讨论】：