Question

我试图在用户点击它时更改链接的文本。

到目前为止，我一直在尝试 -

<script src="/Includes/jquery-1.11.0.js">
    $(document).ready(function() {
        $('[name="LT"]').click(function() {
            $('[name="LT"]').text("Lucas Orchard");
        });
    });
</script>

但是，我没有运气让它发挥作用。我已经查看过此处的帖子，并尝试对click事件进行单独绑定，因为它位于链接标记内。

有关如何解决此问题的任何建议将不胜感激。

Answer 1

您的代码会被忽略，因为src标记使用了script属性。使用script标记加载js文件，使用另一个标记加载当前代码。

Answer 2

问题是您似乎认为<script src=..定义了您的依赖关系。它不是。（虽然它确实很棒）。

基本上回到当天，每个人都习惯将脚本标签全部放在同一页面上。随着应用程序的增长由于各种原因而变得无法管理，因此浏览器允许人们在外部引用脚本。因此，脚本标记应该具有正文或src标记，而不是（在99.9％的情况下）。

在你的情况下，这是正确的：

<script src="/Includes/jquery-1.11.0.js"></script>
<script>
    $(document).ready(function() {
        $('[name="LT"]').click(function() {
            $('[name="LT"]').text("Lucas Orchard");
        });
    });
</script>

第一个脚本块将创建window.jQuery和window.$（这是全局范围）。然后你的第二个脚本块运行并使用它。

Answer 3

顺便说一下，[name="LT"]是什么元素？

如果是input，那么您必须使用.val代替.text

$('[name="LT"]').click(function() {
  $(this).val("Lucas Orchard");
});

点击后更改链接文字

3 个答案: