jquery - jQuery:按下Enter键时显示的内容

我试图在单击按钮时显示一些内容（这与我的代码完美配合），但是我也希望在按下回车键时显示该内容。
控制台运行良好，错误为“无法定义getFigures”，并且未显示任何内容！我尝试了很多建议的不同方法，但还是没有运气。。。

这是下面的代码，您可以在链接here中找到完整的代码：

HTML：

    <section id="fetch">
         <input type="text" placeholder="Please enter your name here" id="term" />
         <button type = "button" id="search">ENTER</button>
    </section>

    <section id="content">
        <div id = "figures">
            <script>
            </script>
        </div>

        <div id ="name">
            <div id = "nameBox">
            </div>
            <div id = "nameText">
            </div>
        </div>

        <div id = "message">
            <div id = "messageBox">
            </div>
            <div id = "greetingText">
            </div>
            <div id = "messageText">
            </div>
        </div>
    </section>

jQuery的：

$('#search').click(displayContent);     // the value of the #term is being called within the displayContent();

$('#term').keyup(function(event){
   if(event.keyCode == 13){
       displayContent();
       getFigures();
   }
});

$('#term').keypress(function(event){        // this function looks redundant...?
    if(event.which == 13){
    $('#search').click(displayContent);
        displayContent();
        getFigures();
    }
});

非常感谢:)））x

编辑：我想要的更新小提琴是here供任何人参考:)））x

最佳答案

函数getFigures在函数displayContent的范围内定义，并且不存在于此范围之外。
您尝试在getFigures范围之外的$('#term').keypress(function (event))中调用displayContent，因此getFigures不存在。

将getFigures放在displayContent函数之外，它将起作用。

编辑：您还需要将type变量作为属性添加到getFigures函数，以便可以适当地传递它。

参见我的新jsfiddle：https://jsfiddle.net/rokvowjv/12/

注意：您可以通过清空#figures div来删除#content div，而是在内容中添加图像以显示它，但是我不确定这是否是您想要的。
您试图将图像输出添加到图形div中，但是由于您首先删除了div，所以它将不起作用。

关于jquery - jQuery:按下Enter键时显示的内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33435166/