JQuery隱藏對象

Question

好吧，我編輯了這個問題，以便你能理解。段落中有10張圖片和他們各自的名字。所以，你有10個圖像和10個段落。由於圖像是不同的，當然，有不同的名字，我不能使用一個類。所以，我用一個ID作爲一個圖像，另一個ID用作它的名字。

用戶將點擊一個圖像，它將隱藏和它的各自的名稱以及。當用戶點擊另一個圖像時，它會再次隱藏並重新顯示其名稱，直到所有內容都被隱藏。我可以爲一個圖像及其各自的名稱使用一個類，但是用戶有權僅點擊圖像而不是名稱。就像一個隱藏的對象遊戲！

，我會給你一個下面的圖像的一個例子：

$(document).ready(function() { 
    $('#image1').click(function() { 
     $(this).hide('slow'); 
     $('#name').hide('slow'); 
    }); 

    if ($('#image1').is(':hidden')) { 
     alert('Hello'); 
    } 
});​ 

請記住，我改變了這個例子，你能理解。正如你所看到的，如果用戶點擊圖片，它的名字也會被隱藏。他們都隱藏起來了。然後，我驗證圖像是否隱藏，將顯示一個警告框。圖像及其名稱會隱藏，但警告框不會顯示...而且我必須驗證圖像是否隱藏，以便顯示警告框。

Answer 1

我想這是你想要的東西：

$(document).ready (function() { 
    $('#image1').click(function() { 
     $(this).hide('slow'); 
     $('#image2').hide('slow'); 

     $('#div').load(page.html'); 
    }); 
}); 

Answer 2

此代碼綁定相同的處理點擊事件，其中隱藏圖像和加載頁面：

$(document).ready(function() { 
    $('#image1, #image2').click(function() { 
     $('#image1, #image2').hide(); 
     $('#div').load('page.html');   
    }); 
});​ 

正如提到的評論你可以設計一種選擇所有相關圖像的方式。例如，將它們封裝在一個div中或添加一個類來識別它們。

看一看this和this小提琴的例子如何做到這一點。

希望它有幫助。

Answer 3

如果你是隱藏在點擊和點擊總是隱藏這兩項，你可能有這樣的腳本：

$(document).ready (function() { 
    $('#image1, #image2').click(function() { 
     $('#image1, #image2').hide(); 

     $('#div').load('page.html', function() { 
     alert('Load was performed.'); 
     });   
    }); 
});​ 

你確定你是從你返回正確的內容「page.html中「？

Answer 4

如果我正確理解你的問題，你的代碼應該是這樣的。

所以，如果我得到它，你可以做這樣的事情，假設你添加一個類（可以說myimgclass）到要檢查所有的圖片：

你的代碼應該，如果我是類似的東西正確理解你的問題。

所以，如果我得到它，你可以做這樣的事情，假設你添加一個類（可以說myimgclass）到要檢查所有的圖片：

$(document).ready(function() { 
    $('.myimgclass').click(function() { 
     //hide >>name here<< 

     $(this).hide('slow', function() { 
      var check = true; 
      $('.myimgclass').each(function() {     
       //we check if image is visible, if so we stop here 
       if($(this).is(':visible')) { 
        check = false; 
        return; 
       } 
      }); 
      if(check) alert('Hello'); 
     }); 
    }); 

});​ 

見http://jsfiddle.net/s7FXR/