0

私は、動的タブを表示するために JQuery easyUI プラグインを使用しているプロジェクトに取り組んでいます。URL の書き換えには PrettyFaces を使用しています。どんな助けでも大歓迎です。

<script>
    function addTab (title, url) {
        if ($('#tt').tabs('exists', title)) {
            $('#tt').tabs('select', title);
        } else {
            var content = '<iframe id="frame" scrolling="no" frameborder="0" src="'
                    + url + '" style="width:110%;height:100%;" ></iframe>';
            $('#tt').tabs('add', {
                title : title,
                content : content,
                closable : true,
            });
        }
    }
</script>

エラーを下回っています

[17:25:08.081] TypeError: $(...).tabs is not a function
4

1 に答える 1

0

iframe 内で起こったことと js コードで起こったことの間には何の関係もありません。
私は小さなテストを行いました。ここで動作します。http://jsfiddle.net/pt7j9/1/

何が機能していないかを示したい場合は、テストを更新してください。

 <div id="tt" class="easyui-tabs" style="width:1500px;height:700px;">

    </div>

function addTab (title, url) {
        if ($('#tt').tabs('exists', title)) {
            $('#tt').tabs('select', title);
        } else {
            var content = '<iframe id="frame" scrolling="no" frameborder="0" src="'
                    + url + '" style="width:10%;height:100%;" ></iframe>';
            $('#tt').tabs('add', {
                title : title,
                content : content,
                closable : true,
                fit:true
            });
        }
    }

$(document).ready(function(){
    addTab ("test", "http://ocpsoft.org/docs/prettyfaces/3.3.3/en-US/html/");
    });
于 2013-10-31T11:24:27.387 に答える