Solved

jquery mobile Range slider

Posted on 2014-01-05
6
462 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 

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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

This article discusses the ASP.NET AJAX ModalPopupExtender control. In this article we will show how to use the ModalPopupExtender control, how to display/show/call the ASP.NET AJAX ModalPopupExtender control from javascript, how to show/display/cal…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.

624 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