2017-02-06 15 views
0

私はJQueryを使い慣れています。スクリプトに条件文を入れたいのですが、ボタンエフェクトの構文がわかりません。 「.donedit」ボタンステータスのjqueryの条件文?

このスクリプトは、テーブルのためである.hide「.SAVEは」= .SHOW、その後、私は、ユーザーができるようにしたくない場合、私は

の線に沿って、それをwan'tコンテンツを保存せずにフィールドを編集した場合は、.doneditボタンをクリックします。

今すぐ.saveボタンは、ユーザーがフィールドを編集したときに表示されます。理想的な機能は、.saveボタンが表示されている場合は、ドン編集ボタンをグレーアウトまたは非表示にすることです。

はここに関連する作品だ:

$(document).ready(function(){ 

     //individual field edit buttons show as hidden  
     $(".edit").hide(); 
     $(".donedit").hide(); 


     //when the mass edit button is clicked in the header, the edit button 
     //will show for each field, the massedit button will hide showing the donedit button 

     $(".massedit").click(function(){ 
      $(".edit").show(); 
      $(".massedit").hide(); 
      $(".donedit").show(); 
     }); 

     //When the donedit button is clicked the massedit button shows and the 
     // donedit button disappears 

     $(".donedit").click(function(){ 
      $(".edit").hide(); 
      $(".massedit").show(); 
      $(".donedit").hide();    
     }); 

    }); 
+4

にコードを変更する一部のHTML仲間を表示 –

答えて

0

あなたがショーを使用している場合は、あなたが

$(".save").css("display") 

を行うことができます隠し、それが現在表示されていることを意味し、「ブロック」、および場合を返した場合それは "none"を返し、それは現在隠されています。だから、あなただけかどうかを確認することができます

あなたがいるか否か「.SAVE」が隠されているかいない状態のためのDOMを尋ねるだけではなく保存されているので、それを行うための素晴らしい方法ではありません
if ($(".save").css("display") != "none") { 
    //donedit button code can run 
} 

を、しかし、それはおそらく最も簡単な解決策です。

EDIT:

あなたも、あなたがしたい場合はelseステートメントに投げると、彼らは保存せずに編集を閉じるか、確認を使用しようとしているユーザーに警告し、それがtrueを返した場合、その後

を保存せず、それらが密接させることができます

いっそだけ

if ($(".save").css("display") != "none" && confirm("Continue without saving")) { 
    //donedit button code can run 
}