Проблема с переключением - PullRequest
Новая
       26

Проблема с переключением

0 голосов
/ 26 апреля 2011

Я искал этот форум, но не могу заставить работать какие-либо решения, я пытаюсь переключить видимость текстовой области, но все текстовые области переключаются одновременно.я довольно новый с jquery, но вот мой код

jQuery (документ) .ready (function () {jQuery (". note"). hide (); jQuery (". note_button)") .click (function () {jQuery (". note "). fadeToggle (" slow "," linear ");});});

для работы с этим html: 

<table>

    <tbody>

        <tr>
            <td colspan='2' class='product-name'>
            </td>
                <td>

             </td>
    <td></td>
       <td class="cart-widget-remove">   

             </td>


      </td>
        </tr>
        <tr>
        <td colspan="6">
            <form id="desc" action="" method="post" class="adjustform">
             <div class="note">
                <textarea name="" onfocus="this.value='';">Your optional note to the kitchen</textarea>
                <input class="" type="button" value="Apply changes" />
                <input class="" type="button" value="Cancel" />

             </div>
            </form>

Ответы [ 2 ]

0 голосов
/ 26 апреля 2011

Похоже, у нас есть только часть кода, но я попробую ...

JQuery переключает все области, потому что ваш селектор не нацеливается на ту, которую вы хотите переключитьв частности.Предположительно, у вас есть другие текстовые области, которые также находятся внутри div с классом «note».Если у каждого из этих элементов есть свой класс (скажем, «note-1», «note-2» и т. Д.), Вы можете выбрать конкретную область текста, которую хотите переключить.

0 голосов
/ 26 апреля 2011

Если этот шаблон появляется на вашей странице несколько раз 

<form id="desc" action="" method="post" class="adjustform">
  <div class="note">
    <textarea name="" onfocus="this.value='';">Your optional note to the kitchen</textarea>
    <input class="" type="button" value="Apply changes" />
    <input class="" type="button" value="Cancel" />
 </div>
</form>

Тогда ваш селектор jQuery('.note') выберет все div .note. Вам нужно будет дать им уникальные идентификаторы, чтобы выбрать отдельные элементы div для скрытия / отображения или использовать идентификатор, который уже есть в форме. 

jQuery('#desc .note').fadeToggle(...);
...