Jquery EasyUI 手风琴答案

【问题标题】：Jquery EasyUI AccordionJquery EasyUI 手风琴
【发布时间】：2012-02-17 06:12:13
【问题描述】：

这里是功能部分，我放在主页面，也就是页面有手风琴，可惜不能用。

<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>

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

【问题讨论】：

看过 jQuery 的主库扩展 jQueryUI?它包括手风琴和对话框，比您在这里尝试做的更容易使用和操作
从头开始，我只是注意到你使用 .dialog 所以也许你有，但如果我有时间为你完全重写这个我会的，但我不会，但我可以告诉你，你真的看起来用这些东西“重新发明轮子”。也许你应该稍作喘息，从一开始就回顾你的 kode，然后问自己“在没有大量代码的情况下，实现这一目标的‘最简单’方法是什么？”我的意思是，很多这些“额外功能”是您手动编写并添加和使用的，您可以轻松设置自己的 jQuery 调用，然后根据需要定义 css。
是指第二部分吗？我这样做是因为我不知道如何使用 jquery easyui 使用对话框弹出新页面内容，在他们的示例中，他们只是在
...
中有一个带有元素的弹出窗口，谢谢
在 jquery easyui 中使用该函数要容易得多
oic，您使用的是easyui，对它不是很熟悉，因为我很久以前在找到jqueryui 时选择不使用它。我承认，它缺少 easyui 的一些功能，但是，我选择 jui 的原因很简单，通过使用和过期 jqueryui 成为两者中最容易使用的，以及它没有的一些额外功能有，是 a.) 很容易通过插件或手动合并和/或 b.) 如果您查看他们的 wiki 视线，它还包括来自（主要）专业 jQuery 编码器的大量 jqueryui 插件，很快就会推出。

标签： jquery jquery-easyui

【解决方案1】：

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

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

见fiddle

【讨论】：

对不起，你的意思是添加 $('.easyui-accordion').css('height', '240px');到我的页面？它应该放在哪里？
我已经编辑了我的帖子，并将其放在“function addTab(title, url){”上方，请看一下。谢谢。
不，它必须在页面加载后执行，所以把它放在$(document).ready(...)函数里面。添加click 事件后。

【解决方案2】：

为什么需要在 <div id="aa"> 中添加文本？你可以将它添加到 div 之外，一切都会好起来的，检查这里http://jsfiddle.net/hFsxP/1/

【讨论】：

那么它就不会像 jsfiddle.net 上的“阅读我们的文档”那样上下滑动
是的，它会在手风琴之外。