Jquery EasyUI Аккордеон - PullRequest
Новая
       10

Jquery EasyUI Аккордеон

2 голосов
/ 17 февраля 2012

Вот часть функции, я поместил ее на главной странице, то есть страница имеет согласование, к сожалению, она не работает. 

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

Это последнее, большое спасибо за вашу помощь.

Ответы [ 2 ]

1 голос
/ 05 марта 2012

Текст не отображается должным образом, потому что аккордеон использует фиксированную высоту, а затем вычисляет высоты panel-body и header. Поэтому при развертывании панели текст больше не будет отображаться (или частично), поскольку он занимает все пространство.

Простой обходной путь для этого - добавить некоторую высоту после загрузки страницы в контейнер easyui-accordion, чтобы компенсировать ваш текст.

см. скрипка

0 голосов
/ 29 февраля 2012

Зачем вам нужно добавить текст внутри <div id="aa">? Вы можете добавить его за пределы div, и все будет хорошо, отметьте здесь http://jsfiddle.net/hFsxP/1/

...