Javascript 为什么有些ajax按钮不起作用？

如你所见，我有5个按钮。他们工作得很好

<button type="submit" id="submit_button1">Img1</button>
<button type="submit" id="submit_button2">Img2</button>
<button type="submit" id="submit_button3">Img3</button>
<button type="submit" id="submit_button4">Img4</button>
<button type="submit" id="submit_button5">Img5</button>

通过使用相同的script.js，以下功能也可以使用：

<button type="submit" id="submit_button1">Img1</button>
<button type="submit" id="submit_button2">Img2</button>

Img1
Img2

但如果我用这个：

<button type="submit" id="submit_button1">Img1</button>
<button type="submit" id="submit_button3">Img3</button>

Img1
Img3

按钮1起作用，按钮3不起作用。我不知道为什么

或者这个：

<button type="submit" id="submit_button3">Img3</button>
<button type="submit" id="submit_button4">Img4</button>

Img3
Img4

按钮3和按钮4不工作

看起来如果我在script.js中添加按钮，我必须使用所有按钮， 如果我跳过一个，那么一些按钮将无法工作。 如何解决这个问题？

您有两个问题：

(一)

为什么要调用

按钮（submit_button1，'action1'）而非
按钮（'submit_button1'，'action1'）

2） 您的函数应将其视为ID：

function button(name,url) {
$('#'+name).click(function(){
   $.ajax({ ...

此外，另一种方法可以是：

按钮（$（'submit_button1'），'action1'）

因此，功能将是：

function button(name,url) {
$(name).click(function(){ ... //$ is redundant but anyway...

谢谢。因为按钮（'submit_button1'，'action1'）不工作，所以我使用按钮（submit_button1，'action1'）使其工作，但奇怪的问题发生了。现在“#”+带有按钮的名称（'submit#button1'，'action1'）工作得非常好。
function button(name,url) {
$(name).click(function(){ ... //$ is redundant but anyway...