javascript - 嵌入式调查JS问题
问题描述
我正在按照指南 ( https://surveyjs.io/Survey/Builder/ ) 在我的页面中嵌入调查。
在上述网站上> 嵌入调查>
- 使用 jQuery
- 对于引导框架
- 在页面上显示调查。
我有一个 Laravel 应用程序,页面呈现以下源代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Survey Page </title>
<!-- Your platform (jquery) scripts. -->
<link href="https://surveyjs.azureedge.net/1.0.28/survey.css" type="text/css" rel="stylesheet" />
<script src="https://surveyjs.azureedge.net/1.0.28/survey.jquery.min.js"></script>
</head>
<body>
<div id="surveyContainer"></div>
<script> alert("This is the survey blade right here right now"); </script>
<script>
var surveyJSON = {pages:[{name:"page1",elements:[{type:"paneldynamic",name:"question2",templateElements:[{type:"radiogroup",name:"question3",choices:["item1","item2","item3"]},{type:"text",name:"question4"}]},{type:"paneldynamic",name:"question1"}]}]}
function sendDataToServer(survey) {
//send Ajax request to your web server later. Meantime...
alert("The results are:" + JSON.stringify(survey.data));
}
var survey = new Survey.Model(surveyJSON);
$("#surveyContainer").Survey({
model: survey,
onComplete: sendDataToServer
});
</script>
</body>
</html>
- 因此,我收到警报和空白页。
- 外部脚本引用格式正确
- 脚本是页面上的最后一件事(按顺序)
在控制台中,我得到了这个:
survey.jquery.min.js:11 Uncaught TypeError: Cannot read property 'fn' of undefined
at Object.<anonymous> (survey.jquery.min.js:11)
at t (survey.jquery.min.js:6)
at survey.jquery.min.js:6
at survey.jquery.min.js:6
at survey.jquery.min.js:6
at survey.jquery.min.js:6
(anonymous) @ survey.jquery.min.js:11
t @ survey.jquery.min.js:6
(anonymous) @ survey.jquery.min.js:6
(anonymous) @ survey.jquery.min.js:6
(anonymous) @ survey.jquery.min.js:6
(anonymous) @ survey.jquery.min.js:6
showSurvey:23 Uncaught ReferenceError: Survey is not defined
at showSurvey:23
showSurvey
是我的控制器方法。
public function showSurvey()
{
return view ('surveys.survey'); //the laravel blade.. although it's just HTML as per the tutorial example
}
我究竟做错了什么?
解决方案
请替换以下行:
<!-- Your platform (jquery) scripts. -->
和
<script src="https://unpkg.com/jquery"></script>
推荐阅读
- r - 更改ggplot中x轴的比例
- python - 如何使用 python 列出 Selenium 中“ul”的所有子项?
- javascript - 无法使用 react redux 从产品页面将商品添加到购物车
- haskell - Haskell,Control.Lens:无法将类型“[Language.Haskell.TH.Syntax.Dec]”与“Language.Haskell.TH.Syntax.Exp”匹配
- ruby-on-rails - 获取模型的所有有效字段
- python - 从另一个数据框中更改值
- branch.io - 使用 Branch Deep Link 强制更新
- c# - 由于某种原因除法结果为零?
- java - 限制一段时间内可观察到的项目数
- java - 如何在 Cucumber IntelliJ 插件中从 Classpath (jar) 链接 StepDefination 类