Javascript 为什么tr中的onClick方法不调用foreach Laravel 5中的函数

我想做一件非常简单的事情，那就是，让我的表的每一行都可以点击，当你点击该行时，应该调用一个函数将你重定向到另一个页面，我用

jQuery

做了这件事，但是它给了我一些

引导表的问题

，所以我想用

js

实现一个解决方案，但当您单击该行时，该行没有调用该函数

这是我使用jQuery的解决方案，首先，当您单击一行时，它将调用一个函数，该函数将href发送到表单，以便重定向到其他页面

$（“.clickable行”）。单击（函数（）{
sendForm（$（this.data（“href”））；
});
函数sendForm（projectId）{
console.log（'works'）；
$（“#formProjectId”）.val（projectId）；
$（“#项目表单”）.submit（）；
}

这是我的名片

@foreach（$projects）
作为一个项目）
{{$project->project_Name}
@endforeach

这就是为什么我尝试使用

javascript

，但它不起作用

@foreach（$projects）
作为一个项目）
{{$project->project_Name}
@endforeach

我认为问题在于js在第一次调用中失败，因此永远无法进行第二次调用。从最初的通话中：

$(".clickable-row").click(function() {
            sendForm($(this).data("href"));
    });

它正在查找数据字段，但在

中找不到数据元素。所以它永远不会命中同一函数的第二个调用

我认为将其写入一个类似html的语句会有所帮助：

  <span class='clickable' data-href='whatever your href is' data-id='{{ $project->Project_Id }}'>{{ $project->Project_Id }}</span>

在JS中，如果只有onclick事件，则可以执行相同的操作：

function sendForm(projectId){
    document.getElementById("formProjectId").value = projectId;
    document.Projectsform.submit();
}

您需要确保表单的

名称

是

项目表单

，或者：

document.getElementById("Projectsform").submit();

---

我相信问题是js在第一次调用中失败了，因此永远无法进行第二次调用。从最初的通话中：

$(".clickable-row").click(function() {
            sendForm($(this).data("href"));
    });

它正在查找数据字段，但在

中找不到数据元素。所以它永远不会命中同一函数的第二个调用

我认为将其写入一个类似html的语句会有所帮助：

  <span class='clickable' data-href='whatever your href is' data-id='{{ $project->Project_Id }}'>{{ $project->Project_Id }}</span>

在JS中，如果只有onclick事件，则可以执行相同的操作：

function sendForm(projectId){
    document.getElementById("formProjectId").value = projectId;
    document.Projectsform.submit();
}

您需要确保表单的

名称

是

项目表单

，或者：

document.getElementById("Projectsform").submit();

---

mm奇怪，您应该删除标记，因为您正在捕获父标记单击。检查我的钢笔

---

mm奇怪，您应该删除标记，因为您正在捕获父标记单击。检查我的钢笔

我就是这样解决的， 我添加了on event函数，因此如果单击行中的任何项目，它将调用

sendForm

函数

document.onclick=函数（e）{
如果（e.target.id==“可点击行”）{
sendForm（例如target.getAttribute（“数据目标”）；
}
}

这就是我的HTML现在的样子，

数据目标

用于指定我要传递给函数的变量和验证准确单击的元素的id

@foreach（$projects）
作为一个项目）
{{$project->project_Name}
@endforeach

我就是这样解决的， 我添加了on event函数，因此如果单击行中的任何项目，它将调用

sendForm

函数

document.onclick=函数（e）{
如果（e.target.id==“可点击行”）{
sendForm（例如target.getAttribute（“数据目标”）；
}
}

这就是我的HTML现在的样子，

数据目标

用于指定我要传递给函数的变量和验证准确单击的元素的id

@foreach（$projects）
作为一个项目）
{{$project->project_Name}
@endforeach

如果你

console.log（projectId）

在

sendForm

中，你会得到什么？如果你把

a

改成其他东西，比如

span

？@Watercayman它不打印任何东西，我试着打印一个简单的

console.log（'hi'））

而且它没有打印，所以没有调用函数我不明白为什么要调用函数两次。在上一个示例中，onclick-in a-tag不是必需的。@ShanerM13问题与我应该放置哪些标记无关，问题在于

onclick

函数没有被调用或不工作，如果您

console.log（projectId）

inside

sendForm

您得到了什么？您是否应该将

a

更改为其他内容，像

span

？@Watercayman它不打印任何东西，我试图打印一个简单的

console.log（'hi'）

，但它没有打印，所以没有调用函数我不明白为什么要调用函数两次。在上一个示例中，a-tag中的onclick不是必需的。@ShanerM13问题与我应该放置哪些标记无关，问题是

onclick

函数没有被调用或不起作用对不起，我的错，我想这里有一个误解，我想让它工作

标签内的调用工作正常。您给我的解决方案与我使用

jQuery

的解决方案非常相似，不用担心-因此，带有

的html已不在您的解决方案中，它只是