Flip toggle switch jquery

Question

I created a Flip toggle Switch with:

    <select id="flip1" data-role="flipswitch">
        <option value="true">true</option>
        <option value="false">false</option>
    </select>

my script code looks like this:

    <script>
         $( "#flip1").change(function(){
              alert("flip");
         });
    </script>

but if I change the Button, nothing happened. Maybe someone can help me. Thank you

Your code looks fine, make sure you have loaded `jQuery` library on your page — Manoj Yadav, Jun 23 '14 at 11:48
Is the dom ready? `$(document).ready(function() { // your code });` — billyonecan, Jun 23 '14 at 11:48
Here's the fiddle, including jQuery mobile http://jsfiddle.net/NG78a/2/ — xdumaine, Jun 23 '14 at 11:53

score -1 · Accepted Answer · edited Jun 23 '14 at 11:52

-1

Try this:

with ready function

http://jsfiddle.net/z5stP/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
     $( "#flip1").change(function(){
       alert("flip");
     });
   });  
</script>

edited Jun 23 '14 at 11:52

Andy

61,948
13
68
95

answered Jun 23 '14 at 11:50

Mr7-itsurdeveloper

1,631
2
17
24

thanks with this code it will work, i need to check how I loaded the jQuery library, thank you – steke Jun 23 '14 at 12:08

score -1 · Answer 2 · edited Apr 13 '17 at 12:33

-1

Open your Browser Console (F12) to see the errors on your Page. Your code works but maybe your jQuery library could not found.

[https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers][1]

edited Apr 13 '17 at 12:33

Community

1
1

answered Jun 23 '14 at 11:53

user2721793

84
4

score -1 · Answer 3 · answered Jun 23 '14 at 12:09

try using below code

    <select id="flip1" data-role="flipswitch">
        <option value="true">true</option>
        <option value="false">false</option>
    </select>


<script>
$("document").ready(function()
{
     $( "#flip1").change(function(){
          alert("flip");
     });
});
</script>

Note: Always call ur script after dom is loaded. Enclosing user script inside $(document).ready() function ensures ur script to called after dom element is loaded

Flip toggle switch jquery

3 Answers3