【问题标题】:tigger(click) with value触发(点击)值
【发布时间】:2011-10-23 12:00:56
【问题描述】:

您好,我需要在触发点击时发送一个值。

我有一个脚本,可以将选择框变成一个 div 下拉菜单。它会删除该选项并将其替换为隐藏的输入。

脚本的工作方式是当用户单击 div 时,它会下拉一个包含其他 div 的框,并且每个 div 作为自己的 val="{id}" 我需要能够执行触发点击功能并假装用户点击了这些 div 之一。

这是点击使用的 jQuery 代码。

list.children(".option").click(function() {
            html.children("input[name='" + sName + "']").val($(this).attr("val"));
            fetch(104,"task=updateuserstatus&userid="+userid+"&status="+$(this).attr("val"));
            html.children(".label").html($(this).html());
        });

【问题讨论】:

    标签: jquery click


    【解决方案1】:

    您可以很容易地模拟点击:

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

    【讨论】:

      【解决方案2】:

      一旦您注册了一个 jQuery 点击函数,您就可以随时以多种方式调用它。 $('selector').click(); 将激活所有 jQUery 注册事件,以及对象的常规 window.click 事件。 $('selector').triggerHandler('click'); 只会触发 jQuery 注册的点击处理程序。

      这就是你想要的吗?还是您想在新插入的输入中触发点击?

      --编辑--

      <script type='text\javascript'>
      $(document).ready(
        var list = $('something');
        $('.option', list).each(function(index, htmlElem){
           //bind to the click event
           // $(this).attr('val') becomes event.data
          // third param is your actual function as before
          $(this).bind('click', {"whatever": $(this).attr('val')}, function(event){
      //tadaah!
        alert('hello :' + event.data.whatever);
      //if you wanted to actually register a click event down here for the input, let me know
           html.children("input[name='" + sName + "']").val($(this).attr("val"));
           fetch(104,"task=updateuserstatus&userid="+userid+"&status="+$(this).attr("val"));
           html.children(".label").html($(this).html());
          });
        });
      );
      </script>
      

      【讨论】:

      • 是的,但是我如何发送一个 val
      • 对不起,我想知道如何使用触发器发送值
      • 我要去喝酒,如果你想要输入的点击事件,请告诉我,我明天可以发布。它将采用“绑定”的想法,并将其移至您正在执行的 html 内容中。其中,你在 html.stuff 中做什么?
      • 如果我的代码选择了太多选项,请随意将 $('.option',list) 更改为您原来的 list.children(".option")
      猜你喜欢
      • 1970-01-01
      • 2012-07-14
      • 2023-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-05-11
      • 2018-08-23
      相关资源
      最近更新 更多