Oto jakiś prosty kod, który nie działa.

Mam Wybierz menu opcji, które wykorzystuje funkcję JQuery Zmiana do wyzwalacza. Domyślny wyświetlacz Textlai jest ustawiony na Brak.

Opcja Wybierz tylko 2 wartości. Jeśli wybrana jest druga wartość "tak" TEXTAREA SLIPESUP, ta część działa,

Ale jeśli zostaną zmienione do wartości domyślnej "Nie", Textarea powinno przesuwać się z powrotem, tj. SlideUp (), ale nie. Alert wskazuje, że funkcja zmiany jest wypalania, a zmienna Val jest ustawiona, ale nie rozumiem funkcji SlideUp, nie wystrzega.

<style type="text/css">
textarea.someClass {
height:100px;
width:220px;
display:none;
}</style>
<select class="initials">
<option value="no">Initials? No</option>
<option value="yes">Initials? Yes</option>  
</select><br/>
<textarea class="someClass">Put instructions here </textarea>
<script>$('select').change(function(){
    theVal = $('select.initials').val();

    if(theVal == 'yes') {
        $('textarea.someClass').slideUp();
    } else if (theVal != 'yes') {
        $('textarea.someClass').slideDown();
        //$('.mtsa').css('display', 'none');
    }
})</script>
-1
TopTomato 21 listopad 2013, 03:29

2 odpowiedzi

Najlepsza odpowiedź

Twój JS był trochę off - http://jsfiddle.net/tafu5/

<script type="text/javascript">
$('select.initials').change(function(){
    var theVal = $(this).val();

    if(theVal == 'yes') {
        $('textarea.someClass').slideDown();
    } else {
        $('textarea.someClass').slideUp();
    }
}).trigger('change');
</script>
1
NaNpx 20 listopad 2013, 23:37

Wydaje się, że istnieje niedopasowanie z wartością domyślną, a zachowanie przesuwnego. Domyślnie nie jest wybrany, więc spodziewaliśmy się widocznego textarea. Aby zobaczyć to działa, wybierz Tak, a następnie ponownie wybierz ponownie. Widoczne jest teraz textarea. Więc zgaduję, że jest to przypadek:

  1. Mismatched slideUp() i slideDown(). slideDown() pokazuje element, podczas gdy slideUp() go ukrywa. Wystarczy przełączyć te dwa.

  2. Chcesz tak , aby być domyślnie wyświetlany. Aby to zrobić, dodaj selected do drugiej znacznika {x1}}.

0
Jeremy Blalock 20 listopad 2013, 23:40