使用jQuery On Click更改Span内的文本

Question

编辑：我是个傻瓜。我的jsFiddle上没有加载jQuery。我以为它自动装满了一个新的小提琴。请忽略。

好吧，我一直试图让这个工作起来，不能为我的生活搞清楚。我确信这是非常简单的事情，我只是没有看到它。

我有一个带有预先填充文本的范围。我想单击按钮并将跨度内的文本更改为其他内容。然后我想点击另一个按钮并再次更改文本。

有什么想法？谢谢！

HTML

<div>
    <button id="bye">Bye</button>
    <button id="hello">Hello</button>
</div>
<div>
    <p>1: <span id="greeting">Greeting</span></p>
</div>

的Javascript

$('#hello').on('click', function() {
    $('#greeting').text('Hello');
});
$('#bye').on('click', function() {
    $('#greeting').text('Bye');
});

JSFIDDLE

Answer 1

所以我的猜测是你没有正确加载JQuery，我把这个代码逐字地粘贴到我已经打开的带有JQuery加载的rails应用程序中，它运行得很好。所以只需load JQuery，你应该好好去