0

モバイル サイトのドロップダウン メニューを作成しています

http://gthost.dyndns.org/kudu/en/

[マイ アカウント]をクリックして [ Who we are ] をクリックすると、サブメニューがまだ表示されます。

リンクをクリックした後、非表示にしたい。

これは JavaScript コードです

var $j = jQuery.noConflict();
$j(document).ready(function () {
   $j(".account").click(function () {
      var X = $j(this).attr('id');

      if (X == 1) {
         $j(".submenu").hide();
         $j(this).attr('id', '0');
      } else {

         $j(".submenu").show();
         $j(this).attr('id', '1');
      }

   });

   //Mouseup textarea false
   $j(".submenu").mouseup(function () {
      return false
   });
   $j(".account").mouseup(function () {
      return false
   });


   //Textarea without editing.
   $j(document).mouseup(function () {
      $j(".submenu").hide();
      $j(".account").attr('id', '');
   });

});
4

2 に答える 2

0

私は使用してみます:

$('.submenu').css({display:"none"});

.hide(); の代わりに

于 2013-03-16T10:12:56.950 に答える
0

ここで 2 つの点が奇妙に感じられます。

  • ID が整数である理由 - 有効な名前は[a-z_]etcで始まります。
  • なぜIDを変更するのですか?ID は一意の識別子であることを意図しており、要素が存在する限り存続する必要があります。要素自体の中に要素の状態に関する情報を保存したい場合は、おそらくdata attributesを調べてください。

HTML 構造を見ないと、誰もが推測することになりますが、ID で何をしようとしているのかというよりも、論理的に使用できるように見えますjQuery.toggle:

$j(".account").click(function(){
     $j(".submenu").toggle();
});
于 2013-03-16T10:41:08.063 に答える