Solved

jquery mobile Range slider

Posted on 2014-01-05
6
454 Views
Last Modified: 2014-02-13
Hi,

$("#cameraSlider").slider({
  value: 2,
  min: 1,
  max: 3,
  step: 1,
  slide: function(event, ui) {
    cameramen = ui.value;
    return calcTotal();
  }
});

I want to attach the above code with jquery mobile slider , could you please say me how to proceed.
0
Comment
Question by:praveen1981
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
6 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 39758574
Far too little detail to even guess what you want
0
 

Author Comment

by:praveen1981
ID: 39758640
Hi

I just want to say that,

I have jquery Ui slider, now i want to use that in jquery mobile

is that possible, if so, please say me how to proceed
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 39758660
You mean

http://touchpunch.furf.com/

Just add it after the UI script tags

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>

<!-- Include Touch Punch after jQuery UI and before its first use.

Please note that if you are using jQuery UI's components, Touch Punch must be included after jquery.ui.mouse.js, as Touch Punch modifies its behavior. -->

<script src="jquery.ui.touch-punch.min.js"></script>

<!-- Just use jQuery UI as expected and watch it work at the touch of a finger. -->

<script>
$("#cameraSlider").slider({
  value: 2,
  min: 1,
  max: 3,
  step: 1,
  slide: function(event, ui) {
    cameramen = ui.value;
    return calcTotal();
  }
});
</script>

Open in new window

0
MS Dynamics Made Instantly Simpler

Make Your Microsoft Dynamics Investment Count  & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.

 

Author Comment

by:praveen1981
ID: 39796143
Hi

from which site i do get this jquery.ui.touch-punch.min.js file.

<script src="jquery.ui.touch-punch.min.js"></script>
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 39796169
What do you mean? There is a download button on the site I gave you
0
 

Author Closing Comment

by:praveen1981
ID: 39855747
many thanks.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
VB.NET Textbox input validation 4 78
Why use this lambda? 12 95
Query in AngularJS 8 83
aspx ascx, c# 7 43
Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…
How to Install VMware Tools in Red Hat Enterprise Linux 6.4 (RHEL 6.4) Step-by-Step Tutorial

734 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