Question

我制作了一个剧本，但它没有按预期工作，我需要帮助。你可以看到它here。

我只需要为URL字段实现以下行为：

点击链接后，将打开目标页面。这很有效。
当您点击链接的父级div时，该链接将变为可编辑的input。这也会发生，但我的输入字段id取自数组，例如（url0，url1，url2），因此当表单中有多个网址时，只有第一个有效。
在编辑输入后单击外部时，它将再次成为链接。
此外，当您双击该链接时，它将变为可编辑状态。

提前感谢所有答案，我希望你能帮助我。

Answer 1

你不能使用相同的id不同的页面元素 - 这是无效的标记，并且，正如您可以清楚地看到的那样，会导致无效的行为。首先，您可能希望在标记中修复它。

如果你不能改变它（但是，再一次，你真的应该！），你可以使用一些更复杂的选择器，例如：

$('.cartRight > div > div > a').click(function(){
    $(this).parent().siblings("input").findval($(this).text()).show();
    $(this).hide();
})

很傻，是吧？不过，你可以把这个烂摊子作为最后的手段。

至于双击，我不建议实施这样的行为;它在Web上下文中并不常见，可能会让用户感到困惑。此外，从技术角度来看，单击已经开始加载新页面;如果链接被双击，您可以使用window.stop()来停止，但是您需要手动实现双击事件，因为：

很少使用dblclick事件。即使你使用它，你应该确保永远不会同时注册onclick和ondblclick事件处理程序在相同的HTML元素上。找出用户实际做了什么如果你注册两者，几乎是不可能的。（http://www.quirksmode.org/js/events_mouse.html#dblclick）

我认为你应该在右边有一个小的“编辑”按钮（也许是一个“铅笔”图标？），而不是使用你当前的UI方案。这对我来说似乎很混乱 - 更不用说用户......

jquery链接到我的表单中链接技巧的输入

1 个答案: