點擊後有小屏幕尺寸一個功能和屏幕尺寸大了

我試圖找到一種方法來打開隱藏的div上的DOM另一個位置如果屏幕尺寸小於480像素一個功能。到目前爲止，我正在爲具有更大屏幕的attendTo功能移動隱藏的div。這工作正常，唯一的問題是我似乎無法讓隱藏的div不移動，並在較小的屏幕尺寸下在DOM中的原始位置打開。點擊後有小屏幕尺寸一個功能和屏幕尺寸大了

$(document).ready(function() { 

//determin window width 
var width = $(window).width(); 

//hidden member info 
$("div[id=member1]").click(function(){ 
     $(".member_info:not(#hidden_member1_info)").hide("blind",{direction:"up"}, "slow"); 
     if ((width >= 480)){ 
      $("div[id=hidden_member1_info]").appendTo("div[id=hidden_member_closer]"); 
      $("div[id=hidden_member1_info]").toggle("blind","slow"); 
      } 
     else{ 
      $("div[id=hidden_member1_info]").toggle("blind","slow"); 
      } 
});

}）;

來源

2013-05-27 user2426090

您有評論說處理DIV是否出現與否的代碼，所以我不指望它正常工作，嘗試，如果行取消註釋。

來源

2013-05-27 19:24:39 Rafael

對不起，我在我的script.js文件中所註釋的，因爲它不工作。我現在沒有評論他們。 – user2426090

有幾個JS庫在爵士與媒體查詢工作，他們似乎做你在找什麼。

我認爲最有名的是Enquire但也有其他的選擇了。

來源

2013-05-27 21:57:51 Robyflc

我似乎改變劇本一點點已經解決了這個問題，並調整大小窗口的問題，以及。所以如果有人在這裏知道你去了。

$("div[id=member1]").click(function(){ 
var width = $(window).width(); 
$(".member_info:not(#hidden_member1_info)").hide("blind",{direction:"up"}, "slow"); 
if ((width >= 480)){ 
    $("div[id=hidden_member1_info]").appendTo("div[id=hidden_member_closer]"); 
} 
$("div[id=hidden_member1_info]").toggle("blind","slow"); });

這很好用...這樣javaScript檢查點擊後的窗口寬度。由於人們在點擊後無法真正調整大小，因此它也適用於調整大小的瀏覽器窗口。

來源

2013-05-29 11:30:29 user2426090

點擊後有小屏幕尺寸一個功能和屏幕尺寸大了

回答

相關問題