Response title
This is preview!
- Screen name: Adam Gardner
Adam Gardner's Profile
1 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- My goal is to remove 2 sections if someone resizes a window to less than 647px and re-add them if they resize to at least 647px. The code I have to remove the sections has worked great, but adding them again is not going so well. I cannot do this with a media query because of a plugin I'm using. Here is what I have so far:
- // CHECKS WINDOW SIZE AND ADDS/REMOVES MUSIC & PHOTOS
- var $window = $(window);
- var $pane = $('#pane1');
- function checkWidth() {
- var windowsize = $window.width();
- if (windowsize < 647) {
- //if the window is greater than 647px wide then turn on jScrollPane..
- $(".section-music, .section-photos").each(function() {
- $(this).detach();
- });
- $.scrollify.update();
- }
- if (windowsize >= 647) {
- //if the window is greater than 647px wide then turn on jScrollPane..
- $(".section-music").insertAfter(".section-about");
- $.scrollify.update();
- }
- }
- // Execute on load
- checkWidth();
- // Bind event listener
- $(window).resize(checkWidth);
Any ideas on how I can get the sections to add again? Thanks much!- «Prev
- Next »
Moderate user : Adam Gardner