在控制组中触发.click()事件

时间:2013-01-04 16:38:17

标签: javascript jquery html5 click

尝试为我的控制组触发.click()事件。

编码HTML:

<div data-role="content" class="ui-content" role="main">
            <div id="gradegeoradio" data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <legend>
                    </legend>
                    <input id="grade" name="choose" value="Grade" type="radio"/>
                    <label for="grade">
                        Grade
                    </label>
                    <input id="geometry" name="choose" value="Geometry" type="radio"/>
                    <label for="geometry">
                        Geometry
                    </label>
                </fieldset>
            </div>...

DOM中的HTML:

<div class="ui-content" role="main" data-role="content"> <div id="gradegeoradio" class="ui-field-contain ui-body ui-br" data-role="fieldcontain"> <fieldset class="ui-corner-all ui-controlgroup ui-controlgroup-horizontal" data-type="horizontal" data-role="controlgroup"><div class="ui-controlgroup-label" role="heading"> </div> <div class="ui-controlgroup-controls"> <div class="ui-radio"> </div> <div class="ui-radio"><input id="geometry" type="radio" value="Geometry" name="choose"> </input><label class="ui-btn ui-corner-right ui-controlgroup-last ui-radio-on ui-btn-active ui-btn-up-c" for="geometry" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="c"> <span class="ui-btn-inner ui-corner-right ui-controlgroup-last"> <span class="ui-btn-text">

                        Geometry

</span></span></label></div></div></fieldset></div>

JQuery尝试触发事件:

$("#geometry").click();

事件监听器:

$("#geometry, #grade").click(function(){do stuff after click}

我对这一切都不熟悉,任何帮助都将不胜感激。抱歉,DOM中的HTML全部是群集的,我复制并粘贴它,我无法弄清楚如何格式化。

3 个答案:

答案 0 :(得分:1)

总结一下评论中给出的答案。

您需要先绑定绑定,然后再触发。所以:

$("#geometry, #grade").click(function(){do stuff after click}

必须到来之前

$('#geometry').click();

示例:http://jsfiddle.net/X2ExM/1/

答案 1 :(得分:0)

如果您尝试将事件绑定到几何单选按钮,我认为这是您尝试做的事情,您可以使用类似的东西

$('#geometry, #grade').bind('click', function() {
    //do some thing
});
$('#geometry, #grade').trigger('click');

答案 2 :(得分:0)

使用

   bind and trigger...

使用它,这是有效的

     $('#gradegeoradio').bind('click', function() {
      alert("hello to all");
     });

     $('#gradegeoradio').trigger('click');