Переключение div не отображается внутри панели

Question

У меня есть радпанель, и внутри у меня есть div с некоторыми данными в нем, по умолчанию display, установленный в none.

У меня есть кнопка, при нажатии которой я проводил щелчоксобытие, поэтому он устанавливает элемент видимым с помощью переключателя.

Я установил CSS для div, чтобы иметь z-index из: 9999

Когда я нажимаю на значок, событие запускается (Я добавил предупреждение, чтобы убедиться), но содержимое div не видно.

Как это может быть, если я установил z-index так высоко?

<div id="test1" style="display:none">
...
</div>

$("#mybutton").bind("click", function(e){
  e.preventDefault();

  $("#test1").toggle();
});

ОБНОВЛЕНИЕ

Элемент div отображается при нажатии кнопки, если внутри радиопанели, но вне радиопанели он не виден.

Answer 1

Попробуйте: $("#test1").toggle(); - вам нужно указать «#» с идентификатором, иначе jQuery считает, что это имя тега.

Answer 2

RadSplitter должен иметь несколько RadPane внутри, так как он предназначен для разделения макета на несколько.

Также вам необходимо убедиться, что весь ваш контент находится внутри RadPane или RadSlidingPane, так как другой контент не должен размещаться непосредственно внутри основного тега RadSplitter. Если это так, наиболее распространенным результатом является то, что он не будет отображаться, так как RadSplitter будет игнорировать его. Или будет выдана ошибка.

Что касается того, что div является первым элементом в RadPane - просто объявите его первым:

    <telerik:RadPane runat="server" id="RadPane1">
        <div id="test1" style="display:none">this is the test</div>
        other content
    </telerik:RadPane>

Вы также можете использовать свойство прокрутки RadPane и установить его равным none, если вы не хотите иметь полосы прокрутки.

Другой вариант - изменить размер сплиттера в соответствии с его содержимым, когда вы показываете div (пример изменения размера можно найти в this KB от Telerik) через его API на стороне клиента .

Answer 3

Как насчет:

$("#mybutton").click(function () {
    $("test1").show();
});