Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

jquery if else statement for ipad and smooth-div-scroll plugin

Posted on 2013-01-16
4
Medium Priority
?
791 Views
Last Modified: 2013-01-16
Hello,
 I am using the jquery smooth-div-scroll plugin and it works on ipad with one set of plugin initialization options and works on a windows tablet with a different set of initialization options. (the windows tablet setting also works for everything else)

So, I am trying to use a jquery if/else to basically say,

   If user is ipad then do this-

               use these plugin options:                
        touchScrolling: true,
        manualContinuousScrolling: false

               else (otherwise use these options)-
                              hotSpotScrolling: true,
                              manualContinuousScrolling: false

Here's what I have so far but don't know how to correctly inject the else statement into this. Can someone please help with this part?

<script type="text/javascript">

                       $(document).ready(function () {

        var browser = navigator.userAgent;
        if (browser.match(/iPad/i)) {
     }
                      $("div#ScrollContainer").smoothDivScroll({

                            touchScrolling: true,
                           manualContinuousScrolling: false
    });
    });
   </script>
0
Comment
Question by:kmkmediagroup
  • 3
4 Comments
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 2000 total points
ID: 38784071
<script type="text/javascript">
$(document).ready(function () {

        var browser = navigator.userAgent;
        if (browser.match(/iPad/i)) {

                      $("div#ScrollContainer").smoothDivScroll({

                            touchScrolling: true,
                           manualContinuousScrolling: false
    });

     } else {
                      $("div#ScrollContainer").smoothDivScroll({
hotSpotScrolling: true,
                              manualContinuousScrolling: false
    });
}

    }); 
   </script>

Open in new window


Seems like messy one but when you tidy up, it should work.
0
 

Author Comment

by:kmkmediagroup
ID: 38784152
Thank you much but its not working. That's basically what I was trying to do too. Program says there is a syntax error on line 4. (but its probably somewhere else as line 4 seems fine to me)

But what I do know is that the result it is applying the first set of options to ALL - so seems to be ignoring the "else" part.  Any ideas?
0
 

Author Comment

by:kmkmediagroup
ID: 38784297
Ooops, I take that back. It worked. Not sure why it didn't the first time - I think I just may have omitted the closing script tag or something, but is working now!
Thank you!!
0
 

Author Closing Comment

by:kmkmediagroup
ID: 38784300
Thanks for the super quick response!!
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logiā€¦
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question