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>

选项卡上的JQuery选项卡选择触发器事件

1 个答案: