我正在开发一个项目,该项目使用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
答案 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/");
});