Javascript 如何在我的Flask webapp中实现SurveyJS builder

我需要实现一个JQuery代码段，为我的Flask webapp提供SurveyJS的生成器，但我不知道如何实现，或者是否可能

我曾尝试在我的代码中使用splayer.JS，它与JQuery一样有效，但当涉及到Survey.JS时，我就不知所措了。我甚至不知道使用webpack和实现Angular.JS代码是否更合适

我尝试了以下方法，但是我得到了一个错误

TypeError:$（…）.Survey不是函数`但这意味着无法识别对象“.Survey”

我现在唯一想做的就是了解它是如何实现的，或者找到一种方法来输出一些结果

更新

下面你会发现一个我嵌入到HTML中的自定义问卷。问题是我想嵌入调查生成器/设计器。如果我不能嵌入SurveyJS的生成器/设计器，我会请求一个替代方案，因为正如我前面提到的，我想在我的微服务中实现一个SurveyJS的生成器

<link href="https://surveyjs.azureedge.net/1.0.75/survey.css" type="text/css" rel="stylesheet" />
<script src="https://surveyjs.azureedge.net/1.0.75/survey.jquery.min.js"></script>
<div id="surveyContainer"></div>
<script>
  var surveyJSON = {pages:[{name:"page1",elements:[{type:"checkbox",name:"question2",choices:["item1","item2","item3"]},{type:"dropdown",name:"question3",choices:["item1","item2","item3"]},{type:"imagepicker",name:"question4",choices:[{value:"lion",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg"},{value:"giraffe",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/giraffe.jpg"},{value:"panda",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/panda.jpg"},{value:"camel",imageLink:"https://surveyjs.io/Content/Images/examples/image-picker/camel.jpg"}]}]}]}

  function sendDataToServer(survey) {
      //send Ajax request to your web server.
      alert("The results are:" + JSON.stringify(survey.data));
  }

  var survey = new Survey.Model(surveyJSON);
  $("#surveyContainer").Survey({
      model: survey,
      onComplete: sendDataToServer
});</script>

var surveyJSON={pages:[{name:“page1”，元素：[{type:“checkbox”，名称：“question2”，选项：[“item1”，“item2”，“item3”]}，{type:“dropdown”，名称：“question3”，选项：[“item1”，“item2”，“item3”]}，{type:“imagepicker”，名称：“question4”，选项：[{value:“lion”，imageLink:“https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg}，{值：“长颈鹿”，imageLink:“https://surveyjs.io/Content/Images/examples/image-picker/giraffe.jpg}，{值：“熊猫”，图像链接：https://surveyjs.io/Content/Images/examples/image-picker/panda.jpg}，{值：“骆驼”，图像链接：https://surveyjs.io/Content/Images/examples/image-picker/camel.jpg"}]}]}]}
函数sendDataToServer（调查）{
//向web服务器发送Ajax请求。
警报（“结果是：“+JSON.stringify（survey.data））；
}
var survey=新的survey.Model（surveyJSON）；
$（“#surveyContainer”）。调查({
模式：调查，
onComplete:sendDataToServer
});

所以，我在玩不同的库，因为我使用的是像Flask这样的框架，所以我需要一个轻量级的调查生成器，而不是像SurveyJS这样的东西（在我看来，SurveyJS没有必要的文档来实现任何基于HTML的webframework的生成器）所以我最终使用了jQuery，这正是我想要的；它很简单，很好的文档和一个直接的嵌入方法（我花了大约50秒嵌入它）

你能提供你的最小代码示例（）来说明这个问题吗？@TSV我用我的项目中的几行更新了我的帖子。你在你的页面上添加了jQuery库了吗？是的，我添加了。今天晚些时候，我将在我的答案中添加一个片段。只要我明白密码笔的工作原理。