3

我有这个可点击的链接，

`<a href="#" id="link">Clickable Link</a>`

我有这个<input>，点击链接后会出来，

    <input id="geo_title" type="text" value="some value" class="geo_title" />

在我的剧本中，

    $('#link').click(function(){

        $('input#geo_title').removeAttr('value');
        $("input#geo_title").focus();
    });

但遗憾的是，这并没有集中<input>元素。我想要的是，单击链接后，我不必单击<input>元素就可以输入内容。我错过了什么？非常感谢您的帮助。谢谢。

4

3 回答 3

4

工作正常，您只需要阻止默认链接操作，因此浏览器不会尝试遵循它。

$('#link').click(function (evt){
  $('input#geo_title').removeAttr('value');
  $("input#geo_title").focus();
  evt.preventDefault();
});
于 2013-02-08T15:25:27.050 回答
3

尝试通过添加 href=#! 从链接中删除默认焦点！

<a href="#!" id="link">Clickable Link</a>
于 2013-02-08T15:33:56.653 回答
0

您还没有将代码包装在

$( function() { });

或者

$(document).ready( function() { });

于 2013-02-08T15:23:05.140 回答