javascript - 如何使用jquery为每个点击的链接弹出一个新的浏览器窗口

Question

我的部分观点是这样的:

@foreach($trainings as $training)
<tr>
<td>{{ $training->training_type }}</td>
<td>{{ $training->start_date }}</td>
<td>{{ $training->end_date }}</td>
<td><a href="{{ url('trainings', $training->id) }}">Edit</a></td>
</tr>
@endforeach

我希望实现的就是这个。我希望当用户单击任何一个上的“编辑”时 表格中列出了不同的培训，我在同一页面上弹出一个新的浏览器窗口，其中包含编辑表单 用户编辑该特定培训。做了一些研究后我发现 这样的解决方案看起来有点有前途

<a id ="link" href="#">Click</a>

$('#link').click(function(){
    window.open('http://www.example.com', 'mywindow', 'width=400, height=200')
});

首先，我不知道如何从上面的不同href中获取url并将其传递给jquery中的window.open()函数。

实际上，我可以重定向到训练页面 View 来完成编辑，但是客户端 希望所有编辑都在同一页面上完成。弹出带有编辑表单的 jquery 模式对话框是另一种方法 客户想要的路线，所以我很欣赏任何想法。因此，我对两种实现策略持开放态度: 1. 使用上面的 window.open() 函数弹出一个新的浏览器窗口来编辑表单或 2. 弹出带有编辑表单的 jquery 模式对话框。

这就是我想要实现的目标

Answer 1

在事件处理程序中this指的是发生在的元素事件

向元素添加一个类，因为 ID 必须是唯一的

<td><a class="edit-link" href="{{ url('trainings', $training->id) }}">Edit</a></td>

JS

$('.edit-link').click(function(e){
    e.preventDefault();
    window.open( this.href, 'mywindow', 'width=400, height=200')
});