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

Question

我是 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) {
                }
            });
        }
    });

Answer 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>