Monday 15 February 2010

hidden div and showing div making radio buttons not work jQuery mobile -


I have a div that is hidden on page load, then it is displayed when a user clicks a button .

There are more buttons in this division that open a jQuery mobile popup. These popups have their radio buttons. Show the radio buttons, but when you click on them, they do not switch which is checked, any way to fix it? I feel like doing something with a refresh, but I tried some different things that were not with success.

  & lt; Div class = "ui-grid-b center hide" id = "grid-2" & gt; & Lt; Div class = "ui-block-a gridRows" & gt; & Lt; H2 class = "labelText" & gt; LS1 & lt; / H2 & gt; & Lt; A href = "# LS1popup" data-rel = "popup" onClick = "strobebackground ();" & Gt; & Lt; Img src = "picture / LEDoff.gif" id = "LS1LED" class = "LED" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "ui-block-b gridRows" & gt; & Lt; H2 class = "labelText" & gt; LS2 & lt; / H2 & gt; & Lt; A href = "# LS2popup" data-rel = "popup" id = "onClick =" strobebackground (); " & Gt; & Lt; Img src = "picture / LEDoff.gif" id = "LS2LED" class = "" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "ui-block-c gridRows" & gt; & Lt; H2 class = "labelText" & gt; MS & lt; / H2 & gt; & Lt; A href = "# MSpopup" data-relay = "popup" id = "onClick =" strobebackground (); " & Gt; IMG src = "Picture / LEDoff.gif" id = "MSLED" class = "" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

This division has popups and radio buttons

   off  field; data-role = "control group" Data-inset = "true"> 
  • data-roll = "listview" data-inset = "correct" data-theme = "D" data-icon = "" & gt; & lt; li & gt; ; LS1 LED & lt; / li & gt; Edit & lt; / ul & gt; Input Type = "Radio" name = "LS1" id = "LS1off" value = "off" onClick = "setImages ( ); "Data-Theme =" B "Check =" Check " / & Gt; & lt; label = "LS1off">
    Label = "LS1green"> Green & lt; input type = "radio" name = "LS1 "Id =" LS1 flashing green "value =" flashing green "onClick =" setImages (); "data-topic =" b "/> gt; label =" ls1 flashing green "& gt; glowing green & lt; / Label & gt; & Lt; Input type = "radio" name = "LS1" id = "LS1yellow" value = "yellow" onClick = "setImages ();" Data-topic = "b" /> & Lt; Label = "LS1yellow" & gt; Yellow & lt; / Label & gt; & Lt; / Fieldset & gt; & Lt; / Div & gt; & Lt ;! - / popup - & gt;

    Work fine here Click on the image under LS1 and see.

    And what is the setImages () function?

      & lt; Div data-role = "popup" id = "LS1popup" data-theme = "d" & gt; & Lt; "Error" data-icon = "note" class = "ui-btn-right" & Gt; Closed & lt; / A & gt; & Lt; Fieldet data-role = "control group" data-inset = "true" & gt; & Lt; Ul data-roll = "listview" data-inset = "correct" data-theme = "D" data-icon = "" & gt; & Lt; Li & gt; LS1 LED & lt; / Li & gt; Edit & lt; / Ul & gt; & Lt; Input type = "radio" name = "ls1" id = "ls1off" value = "off" onClick = "setImages ();" Data-theme = "b" check = "check" /> & Lt; Label = "LS1off" & gt; Off of & lt; / Label & gt; & Lt; Input type = "radio" name = "ls1" id = "ls1green" value = "green" onClick = "setImages ();" Data-topic = "b" /> & Lt; Label = "LS1green" & gt; Green & lt; / Label & gt; & Lt; Input type = "radio" name = "LS1" id = "LS1 flashing green" value = "flashing green" onClick = "setImages ();" Data-topic = "b" /> & Lt; Label = "LS1 flashing green" & gt; Flashing Green & lt; / Label & gt; & Lt; Input type = "radio" name = "LS1" id = "LS1yellow" value = "yellow" onClick = "setImages ();" Data-topic = "b" /> & Lt; Label = "LS1yellow" & gt; Yellow & lt; / Label & gt; & Lt; / Fieldset & gt; & Lt; / Div & gt; & Lt ;! - / popup - & gt;    

  • No comments:

    Post a Comment