如何在我的Flask中实现SurveyJS生成器

Question

我需要实现一个JQuery片段，它为我的Flask提供了SurveyJS的构建器，但我不知道如何做到这一点，甚至不知道它是否可行。

我尝试过在我的代码中使用Leaflet.JS，它和JQuery一样工作，但是当涉及到Survey.JS时，我就迷路了。我甚至不知道使用webpack和实现Angular.JS代码是否更合适。

我尝试了下面的示例，但是我看到一个错误：

TypeError：$(.).Survey不是函数‘，但这意味着对象".Survey“不被识别。

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

更新

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

<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>

Answer 1

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