0

2 つの jQuery スクリプトを実行しています。そのうちの 1 つは機能しますが、もう 1 つは機能しません。これらは、要素 ID が異なることを除いて、本質的に同一の双子です。IDが正しいことを確認しました。機能している双子が上で、機能していない双子が下です。なぜ機能しないのですか？ここではjsFiddleにあります。http://jsfiddle.net/TJonS/MR9mg/

            $('#Axiom-DAdjustableOA').click(function() {
                if ($(this).prop('checked')) {
                    $('#Short13').slideUp('fast');
                    $('#Standard15').slideUp('fast');
                    $('#Short14').slideUp('fast');
                    $('#Standard16').slideUp('fast');
                    $('#Short16').slideUp('fast');
                    $('#Standard17').slideUp('fast');
                    $('#Standard13').slideUp('fast');
                    $('#Extended15').slideUp('fast');
                    $('#Standard11').slideUp('fast');
                    $('#Extended13').slideUp('fast');
                    $('#DegreesOfOffset').slideDown('fast');
                } else {
                    $('#Short13').slideDown('fast');
                    $('#Standard15').slideDown('fast');
                    $('#Short14').slideDown('fast');
                    $('#Standard16').slideDown('fast');
                    $('#Short16').slideDown('fast');
                    $('#Standard17').slideDown('fast');
                    $('#Standard13').slideDown('fast');
                    $('#Extended15').slideDown('fast');
                    $('#Standard11').slideDown('fast');
                    $('#Extended13').slideDown('fast');
                    $('#DegreesOfOffset').slideDown('fast');
                }
            });


            $('#Duo').click(function() {
                if ($(this).prop('checked')) {
                    $('#Magnesium').slideUp('fast');
                    $('#Aluminum').slideUp('fast');
                    $('#Short14').slideUp('fast');
                    $('#Standard16').slideUp('fast');
                    $('#Short16').slideUp('fast');
                    $('#Standard17').slideUp('fast');
                    $('#Standard13').slideUp('fast');
                    $('#Extended15').slideUp('fast');
                    $('#Standard11').slideUp('fast');
                    $('#Extended13').slideUp('fast');
                    $('#DegreesOfOffset').slideUp('fast');
                } else {
                    $('#Magnesium').slideDown('fast');
                    $('#Aluminum').slideDown('fast');
                    $('#Short13').slideDown('fast');
                    $('#Standard15').slideDown('fast');
                    $('#Short14').slideDown('fast');
                    $('#Standard16').slideDown('fast');
                    $('#Short16').slideDown('fast');
                    $('#Standard17').slideDown('fast');
                    $('#Standard13').slideDown('fast');
                    $('#Extended15').slideDown('fast');
                    $('#Standard11').slideDown('fast');
                    $('#Extended13').slideDown('fast');
                    $('#DegreesOfOffset').slideDown('fast');
                }
            });
4

1 に答える 1

1

問題を解決するには、次のことを行う必要があります。

  • キャッシュをクリアすることから始めます
  • ID にスペースを使用しないでください (例: #Z-12 OA)。スペース文字は ID 属性には無効です
  • ID でポイントを使用しないようにする (例: #20.50OA)、または jQuery セレクターでそれらをエスケープする必要がある

ただし、コードをリファクタリングして、保守をより簡単にすることを検討してください。

于 2013-08-24T19:19:18.893 に答える