标签: jquery-events

设想

我正在编写一个 Web 应用程序，在我的例子中是 MVC，我需要使用 get 请求的响应来更新特定容器，有时我想过滤元素并从响应中找到一个元素以放入原始容器中。

我该怎么做？

我想为国家/地区创建一个选择标签，当我们选择国家/地区时，它会隐藏所有 optgroup 及其国家/地区选择标签的内容，但 optgroup 及其内容与所选国家/地区选项具有相同标签，例如

<select name="country">
<option value="United States">United States</option>     <!-- if I select US -->
<option value="Canada">Canada</option>
<option value="Mexico">Mexico</option>
</select>

<select name="country">
<optgroup label="United States">
<option value="California">California</option>           <!-- Only these states -->
<option value="New York">New York</option>               <!-- are displayed -->
</optgroup>
<optgroup label="Canada">                                <!-- hidden-->
<option value="Ontario">Ontario</option>                 <!-- hidden-->
<option value="Quebec">Quebec</option>                   <!-- hidden-->
</optgroup>
<optgroup label="Mexico">                                <!-- hidden-->
<option value="Baja California">Baja California</option> <!-- hidden-->
<option value="Mexico Estado">Mexico Estado</option>     <!-- hidden-->
</optgroup>
</select>

我有一些来自 PHP 脚本的 jQuery 附加 HTML。

jQuery

$.ajax({
    type: "POST",
    url: "newPage.php",
    data: data,
    cache: false,
    success: function(html)
    {
        $('.item1 ul').append(html);
    }
});

PHP

    echo"<li><a href=\"#\">".$pages["title"]."<img src=\"images/delete.jpeg\" class=\"delete del-page\" id=".$pages["pages_id"]." title=\"Delete Page\"/><img src=".$state." class=\"page-state\" id=".$pages["pages_id"]." title=\"Page On\"/></a></li>";

附加后，任何 jQuery 事件都不会在新的 HTML 上起作用。

<a href="#" type="image"  class="topopup"  onclick="ShowDIV3();"  >Click Here</a>

在这段代码中，我需要执行另一个函数，例如验证，如果该函数为真，则只有下一个函数应该运行，否则它将不会运行。谁能帮我？

当在 JavaScript 中设置输入值时引发哪个事件？我尝试了这些事件：( propertychange change keypress paste focus textInput input keyup keydown change)。例如：

$('input').live/bind/on('which event', function() {
    //...
});
$('input')[0].value = "sd";

我有这样的代码：

<td>
 <span class='ui-button-next'>NEXT</span>
</td>

该应用程序包含一个库，并且不允许对其进行编辑。单击“ui-button-next”时，他们正在呼叫event.stopImmediatePropagation()停止某些操作。

当用户单击此“跨度”而不接触该库时，我想调用一个函数。

我的自定义代码如下：

$(".ui-button-next").click(function(){
});

$(".ui-button-next").bind("click",function(){
});

$(".ui-button-next").on("click",function(){
});

由于event.stopImmediatePropagation()在图书馆而无法工作。有什么解决方法吗？

我有这个Plunkr，

它包含一个div，我在其上绑定了一个keydown事件。按向右或向左箭头时，div 应该开始移动。

这在所有浏览器中都有效，但是当按住该键时，会立即触发第一个 keydown 事件（div 一旦移动），并等待一段时间，然后继续移动。

因此，这意味着keydown事件一旦触发，浏览器就会等待检测是否还有后续keyUp事件，然后在很短的时间后（当没有键盘输入时），它会继续触发keydown事件。

（要查看问题，将焦点放在窗口上，按向右箭头并按住，div 应该移动一次 5px，然后等待，然后再次继续移动）

问题：有没有办法解决，这样我就可以按住按键，div 应该立即开始移动，而无需等待检测后续的 keyup（一次）？

$(function() {
  $(window).keydown(function(e) {
    console.log(e.keyCode)
    if (e.keyCode == 39)
      move(5, 'left', $('.mover'))
    else if (e.keyCode == 37)
      move(-5, 'left', $('.mover'))
  })

})

function move(offset, direction, target) {
  console.log($(target))
  $(target).css(direction, (parseInt($(target).css(direction)) + offset) + 'px')
}

.mover {
  height: 50px;
  width: 50px;
  display: inline-block;
  background: black;
  position: absolute;
  left: 0;
} …

在 Javascript 中，以下代码按预期工作：

$("#field").click(eventHandler);

function eventHander() {
  invokeClassMethod();
  // do other stuff
}

我在 Typescript 中尝试了此操作，但收到错误，因为“this”的上下文似乎已更改为不属于我的类的内容。

$("#field").click(this.eventHandler);

eventHandler() {
  this.invokeClassMethod();
  // do other stuff
}

给我一个错误，因为“invokeClassMethod”未定义。

我是 Typescript 的新手，有人可以告诉我出了什么问题以及如何修复它吗？

我有这个 JQuery 点击事件：

jq("#generateButton").click({key: "hello world"}, function () {
            console.dir(this);// this is the "generateButton" html element. 
        // jq(this) would be the jquery object of the generate button
            frnConstr.setDataObject(this);
        frnConstr.gameObject.state.start(frnConstr.EnteriorScreen.KEY);
    });

我如何才能向此事件发送自定义数据，例如 print {key: "hello world"}？这有可能吗？

注意：在我定制的工作环境中，jq() 是 $() 或 jquery()。

注意：jQuery 文档说 eventData 可以是任何内容，这是官方文档： https: //api.jquery.com/click/ :)

My project is C# MVC.

I have a table whose last row contains a dropdownlist with an 'Add' button. On clicking the 'Add' button, a row is added to the table via JQuery. This works fine.

Part of the row that is added is a 'Remove' button that I want to use to delete the row.

Strange thing is, the "Remove" button's click event is not being picked up by JQuery. It is exactly the same as the "Add" button, …