• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 489
  • Last Modified:

jquery mobile Range slider

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
praveen1981
Asked:
praveen1981
  • 3
  • 3
1 Solution
 
Michel PlungjanIT ExpertCommented:
Far too little detail to even guess what you want
0
 
praveen1981Author Commented:
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
 
Michel PlungjanIT ExpertCommented:
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
Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

 
praveen1981Author Commented:
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
 
Michel PlungjanIT ExpertCommented:
What do you mean? There is a download button on the site I gave you
0
 
praveen1981Author Commented:
many thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now