1

私は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) {
                }
            });
        }
    });
4

1 に答える 1

0

エラーが 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>
于 2013-05-12T21:50:10.197 に答える