Как использовать кнопку переключения JQuery в <div main ..>

Question

Как использовать кнопку переключения JQuery в <div main ..>

0

Я пытаюсь скрыть/показать кнопку, используя Toggle jQuery. Но когда я нажал, события не произошло.

 <script>
    $(document).ready(function () {
        $("button").click(function () {
            var main = this.value;
            $("#" + main).slideToggle();
        });
    });
</script>

A div:

<div id="main">
        @RenderBody()
        <button>Toggle</button>
    </div>

Может ли кто-нибудь сказать мне, что произошло с этими строками кода?

Trung Pham 18 фев. 2014, в 08:06

Источник

0

этот объект является кнопкой, и this.value не определено, потому что кнопка не имеет атрибута value, поэтому ваш $ ("#" + main) ничего не выберет
wander 18 фев. 2014, в 06:52
0

Можете ли вы вставить код HTML для элементов с идентификатором main ?
Ahmad 18 фев. 2014, в 06:58

Теги:

jquery

html

slidetoggle

1 ответ

Ещё вопросы

этот объект является кнопкой, и this.value не определено, потому что кнопка не имеет атрибута value, поэтому ваш $ ("#" + main) ничего не выберет
Можете ли вы вставить код HTML для элементов с идентификатором main ?

Felix · Accepted Answer · 2014-02-18T04-12-00.000Z

У вашей кнопки нет атрибута значения, похоже, что вы хотите:

$(document).ready(function () {
    $("button").click(function () {
        $("#main").slideToggle();
    });
});

Я починил это. Но при нажатии на событие кнопка Toggle также скрывается. Я должен обновить страницу, и кнопка появится снова.
Кнопка будет скрыта, потому что это дочерний элемент main элемента div. Если вы хотите, чтобы он оставался видимым после нажатия, вам нужно переместить его из main элемента.
Вам нужно переместить свою кнопку за пределы #main div, поскольку ваша кнопка является дочерней по отношению к вашему #main div, поэтому она также будет скользить вверх
Проблема решена, большое спасибо @Felix и @Ahmad!