JQuery easyUI选项卡不能与prettyfaces URL Rewriter一起使用

时间:2013-09-19 11:56:35

标签: jquery jsf jquery-easyui

我正在开发一个项目,该项目使用JQuery easyUI插件显示动态tabs.And 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 

1 个答案:

答案 0 :(得分: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/");
    });