Question

我有这段代码

 <?xml version='1.0' encoding='UTF-8' ?>
   <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:pe="http://primefaces.org/ui/extensions" >

    <h:head>
        <title>Facelet Title</title>
        <link rel="stylesheet" type="text/css" href="easyui.css"/>
        <link rel="stylesheet" type="text/css" href="icon.css"/>
        <link rel="stylesheet" type="text/css" href="demo.css"/>
        <script src="jquery.easyui.min.js" type="text/javascript"></script>
        <script src="jquery.min.js" type="text/javascript"></script>
    </h:head> 
    <h:body>
       <h:form>  
         <pe:layout maskPanesEarly="true">  
         <pe:layoutPane position="north" size="85">  
            North  
         </pe:layoutPane>  
         <pe:layoutPane position="center" maskContents="true">  

          <div id="tt"  class="easyui-tabs" style="width:400px;height:333px">
              test
         </div>
        </pe:layoutPane>  
        <pe:layoutPane position="west" size="250" resizeWhileDragging="false"  
                       maxSize="500" minSize="100" resizable="true">                    
            West  
         <li><a href="#" onclick="addTab('My Site','index.xhtml')">My Site</a>

        </pe:layoutPane>  
        </pe:layout>  
            </h:form>  
              </h:body>
              </html>

我正在尝试添加此jquery脚本：

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

但是当我使用这个脚本时，结果是一个空白页

我不知道我的问题在哪里，我删除了jquery代码，并显示了Layout Primeface 我想要一个个性化的展示布局？

为什么primefaces不能使用这个jquery脚本？

0 个答案: