0

我需要实现一个 JQuery 片段，为我的 Flask webapp 提供 SurveyJS 的构建器，但我不知道该怎么做，甚至不知道它是否可能。

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

我已经尝试了以下示例，但我收到一条错误消息

TypeError: $(...).Survey is not a function` 但这意味着无法识别对象“.Survey”。

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

更新

您将在下面找到我嵌入到 HTML 中的自定义问卷。问题是我想嵌入调查构建器/设计器。如果我无法嵌入 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>
4

1 回答 1

0

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

于 2019-03-28T15:39:49.193 回答