Question

这是功能部分，我把它放在主页面，这是页面有手风琴，不幸的是它不起作用。

<script type="text/javascript">

$('.easyui-accordion').css('height', '240px') <====this is 

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:100%;height:100%;"></iframe>';  
        $('#tt').tabs('add',{  
            title:title,  
            content:content,  
            closable:true  
        });  
    }  
}  

$(document).ready(function(){
    $("#closeMe").click(function() {
        $(this)
            .parent()
            .slideUp();
    });
});

</script>
</head>

第2部分和可选：另外，我有一些其他页面也无法正常调用jquery函数，你介意看看吗？这是用于使用jquery调用弹出框。

<script>

$(function() { $("#openDialog").on('click', loadDialogBox); });

function loadDialogBox() {'
    $("#myEmptyDiv").load("popup.php", function() {

      $("#myEmptyDiv").dialog({
         title: "Permission Setting",
         autoOpen: false,
         buttons: { "Submit" : submitDialogForm() }
      });
      $("#myEmptyDiv").dialog("open");
    });
}

$(document).ready(function(){
$("#addlist").validate();
});
</script>

这是一个生成弹出框popup.php ..

的链接

<a id="openDialog" href="#"> Permission Settings</a>

这是最后一件事，非常感谢你的帮助。

Answer 1

由于手风琴使用固定高度，文字显示不正确，然后计算panel-body和header高度。因此，当您展开面板时，文本将不再显示（或部分显示），因为它占用了所有空间。

一个简单的解决方法是在页面加载后将一些高度添加到easyui-accordion容器以补偿您的文本。

请参阅fiddle

Answer 2

为什么需要在<div id="aa">内添加文字？你可以把它添加到div之外，一切都会好的，请点击http://jsfiddle.net/hFsxP/1/

Jquery EasyUI手风琴

2 个答案: