jquery - JQuery easyUI 选项卡不适用于漂亮的 URL 重写器

Question

我正在开发一个项目，该项目使用 JQuery easyUI 插件来显示动态选项卡。而 PrettyFaces 用于 url 重写。但是漂亮的面孔无法加载 css 和 javascript 文件。非常感谢任何帮助。

<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 

Answer 1

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/");
    });