1

私は最初の jquery プロジェクトに取り組んでおり、simpletip プラグインに関して質問があります。基本的に、ユーザーがさまざまな会議のタイトルをクリックできるカレンダーがあり、対応する日付が特定の色で陰影付けされます。次に、simpletip を使用して、ユーザーがその日付にカーソルを合わせると、会議に関する詳細情報を表示します。

私が欲しいのは、セルが色付けされている場合、または「オン」の場合にのみ、シンプルチップが表示されるようにすることです。カレンダーが空白で会議がアクティブになっていない場合、すべての簡単なヒントを表示したくありません。

私は .mouseover() で if ステートメントを使用しようとしました - これは、セルがオフのときに最初は機能しますが、単純なヒントはありません。会議をオンにして色を付けた後、最初のマウスオーバーで何も実行されず、2 回目のマウスオーバーで単純ヒントが表示され、セルがオフになっても単純ヒントがアクティブなままになります。

        $("#jan3").mouseover(function() {
           if ( meeting1 = "on" ) {
              $(this).simpletip({  
                 content: '<b>Meeting</b><br/>&nbsp;9:00-11:00<br/>&nbsp;Some Room'
              });
           }
        });

これが理にかなっていることを願っています...助けてください！

前もって感謝します

*編集: これは、会議のオンとオフを切り替えるボタンの 1 つの例です...

$(".button1").click(function() {  
   if ( meeting1 == "off" ) {
      $(".meeting1").stop().animate({ backgroundColor: "#009460", color: "white" }, 1000);
      $(".meeting1").css("cursor", "pointer");
      plsc = 'on';
   }
   else {
      $(".meeting1").stop().animate({ backgroundColor: "white", color: "black" }, 1000);
      $(".meeting1").css("cursor", "default");
      plsc = 'off';
   }
});
4

1 に答える 1

0

私はsimpleTipに精通していませんが、あなたが説明している状況はよく知っています。

最も簡単な解決策は、クラスを使用して、どのエントリがオン/オフであるかを示すことです。そして、simpletip関数をオンにしているものだけに登録します。jquery liveを使用して、セレクターに状態を更新させることができます

    $("#jan3.stateOn").live('mouseover', function() {
          $(this).simpletip({  
             content: '<b>Meeting</b><br/>&nbsp;9:00-11:00<br/>&nbsp;Some Room'
          });
    });

このセレクターは、IDがでjan3あり、そのアイテムのクラスが。の場合に起動しますstateOn。状態を適切に切り替えるコードを記述している限り、jqueryは正しいアイテムの起動を処理します。

于 2011-03-18T17:21:48.677 に答える