Chrome Da Çalışan Js Diğer Tarayıcılarda Çalışmıyor

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Chrome Da Çalışan Js Diğer Tarayıcılarda Çalışmıyor

09/Haz/16 19:25 Kısayol Şikayet Özel Mesaj

iLLuMiNaTi

Banlanmış Üye

Kayıt Tarihi: 08/Mart/2007

Arkadaşlarişin içinden çıkamadığım bir durum var.

2 dwopdown var birindeki değerdeğişince diğerinde ki de değişecek olay bu kadar basit.

Chrome da çalışıyor, mobil chrome da da çalışıyor. Ama onun dışında ne mobilde ne normal hiçbir tarayıcıda işe yaramıyor.

Bunun sebebi ne olabilir ?

http://jsfiddle.net/9sM4d/18/

Alıntı yap
09/Haz/16 20:38 Kısayol Şikayet Özel Mesaj

babayarisi

Kayıt Tarihi: 17/Mart/2014

live() yerine on() kullanıp denesene hocam

Alıntı yap
09/Haz/16 20:43 Kısayol Şikayet Özel Mesaj

iLLuMiNaTi

Banlanmış Üye

Kayıt Tarihi: 08/Mart/2007

babayarisi bunu yazdı

live() yerine on() kullanıp denesene hocam

Yemedi hocam.

Alıntı yap
09/Haz/16 21:13 Kısayol Şikayet Özel Mesaj

acemi-webci

Kayıt Tarihi: 11/Haziran/2008

iLLuMiNaTi bunu yazdı

babayarisi bunu yazdı

live() yerine on() kullanıp denesene hocam

Yemedi hocam.

bunlarla alakası yok hocam, hide/show css tabanlı gizleme işlemi yapar optionlar css yemiyor. en azından her tarayıcı yemiyor. en sağlıklısı disable/enable yaparsın optionları.

...

Alıntı yap

10/Haz/16 00:01

Kısayol

Şikayet

Özel Mesaj

shock56

Kayıt Tarihi: 31/Mart/2007

Çalışan hali: https://jsfiddle.net/kt4bwnhr/

<!doctype html>
<html lang="">
<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>

        $(document).ready(function () {

            $('#mainSelect').on('change', function () {
                var selected = $(this).val();

                $("#subSelect option").each(function (item) {

                    var element = $(this);

                    if (element.data('option') != selected) {
                        element.hide();
                    } else {
                        element.show();
                        $('#subSelect').val(element.val());
                    }
                });

            });

            $('#mainSelect').trigger('change');
        });

    </script>

</head>
<body>

<select id="mainSelect">
    <option value="option1">option 1</option>
    <option value="option2">option 2</option>
    <option value="option3">option 3</option>
</select>

<select id="subSelect">
    <option value="option5" data-option="option1">option 5</option>
    <option value="option8" data-option="option3">option 8</option>
    <option value="option9" data-option="option2">option 9</option>
</select>

</body>
</html>

shock56 tarafından 10/Haz/16 00:08 tarihinde düzenlenmiştir

Alıntı yap

Toplam Hit: 895 Toplam Mesaj: 5
js

Cevapla