为什么.click不起作用。

Question

我对Jquery很新，我有一个像这样的html元素：

<input type="button" value="Cancel" class="supportButton" id="whitelist.onCancelUploadButton" onclick="whitelist.onCancelUpload();">

对于此输入，我可以触发click as：

$('#whitelist\\.onCancelUploadButton').click()

工作正常。这将清除字段。

现在我希望当我点击这个Cancel按钮时，还应该点击其他按钮，所以我这样做：

$('#whitelist\\.onCancelUploadButton').click(function() { $('#fileUploader').trigger('click') } )

在我发言之后：

$('#whitelist\\.onCancelUploadButton').click()

它不会触发fileUploader的点击。但是田地被清除了。但是，当我在浏览器中手动尝试fileUploader点击事件时。

我在哪里弄错了？

Answer 1

html中的有效ID应匹配：

[A-Za-z][-A-Za-z0-9_:.]*

1. 必须以A-Z或a-z字符开头
2. 可能包含_（连字符），:(可乐）和。（点）

但是应该避免:和.：

例如，ID可以标记为“ab：c”并在样式表中引用为#ab：c但是作为元素的id，它可能意味着id“a”，类“b” ，伪选择器“c”。最好避免混淆，远离使用。和：一起。

所以将其改为：

<input type="button" value="Cancel" class="supportButton" id="whiteListOnCancelUploadButton" onclick="whitelistonCancelUpload();">

然后尝试：

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