Loading...

Search jQuery

Search

jQuery Forum

Screen name:
Shreerang

Shreerang's Profile

3 Posts

216 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Tap event on Radio Button
[7Replies]
- 25-May-2015 04:17 PM
- Forum: jQuery Mobile
Hello all.

I am trying to add the tap event for radio buttons widget and it does not seem to work. Can someone help me out here?

The JS is here...
2. $(document).on('pageshow', function(){
3. $("input:radio[name=cuisine-choice]").on("tap", function() {
4. console.log($(this).val());
5. });
6. });
The HTML is here...
2. <fieldset data-role="controlgroup" id="cuisine-choices">
3. <legend>Choose your cuisine</legend>
4. <input type="radio" name="cuisine-choice" id="cuisine-choice-cont" value="15" checked="checked" />
5. <label for="cuisine-choice-cont">Continental</label>
6. <input type="radio" name="cuisine-choice" id="cuisine-choice-mex" value="12" />
7. <label for="cuisine-choice-mex">Mexican</label>
8. <input type="radio" name="cuisine-choice" id="cuisine-choice-ind" value="14" />
9. <label for="cuisine-choice-ind">Indian</label>
10. </fieldset>
Link to JsFiddle - http://jsfiddle.net/Shreerang/oj7um33h/

Cheers!
Shreerang
Web Developer
Spatial Unlimited

.button() initializer works on any HTML element
[2Replies]
- 10-Oct-2014 07:17 AM
- Forum: jQuery Mobile
Hello all. There is a feature in JQM wherin you can initialise a button using Jquery as follows. $("button").button(); This will add the button styles to the button. Works fine! However the thing that bothers me is that this will work on any html element like img, p and span and about any other html element. Is this is bug and should I go ahead and report it? Cheers! Shreerang Web Developer Spatial Unlimited

Complex text/image slider
[1Reply]
- 07-Nov-2013 04:33 AM
- Forum: Using jQuery
Hello fellow JQuery users.

I have been working lately on building a slider (image or text - does not really matter) where each panel has multiple images or text divs.

The counter loops through each panel as well as the image/text div in that panel in a manner to display the counter value as 1/4 then 2/4 and so on upto 4/4. Once the limit of the panel is reached, we are supposed to move on to the next panel and the next image increamenting the counter to 1/2 and then increment to 2/2.

I have created a fiddle (link below) to demonstrate what I am saying. The "next" logic is working perfectly fine. However, I am facing issues putting together the logic for "Prev".

Link: http://jsfiddle.net/EDdxW/21/

Please suggest, what I should be doing to handle the logic for "prev".

Cheers!
Shreerang
Web Developer
Spatial Unlimited

«Prev
Next »