Javascript Can';我不明白为什么JS插件是';行不通
我正在尝试实现一个JS模式窗口,并且几乎一字不差地复制了插件的代码,但它仍然不起作用;以下是我的代码Javascript Can';我不明白为什么JS插件是';行不通,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试实现一个JS模式窗口,并且几乎一字不差地复制了插件的代码,但它仍然不起作用;以下是我的代码 <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="avgrund.css"> </head> <body> <div class="buttons">
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="avgrund.css">
</head>
<body>
<div class="buttons">
<a href="#" id="show" class="button left">Show it</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery
/1.7.2/jquery.min.js"></script>
<script src="jquery.avgrund.js"></script>
<script>
$(function() {
$('#show').avgrund({
height: 200,
holderClass: 'custom',
showClose: true,
showCloseText: 'Close',
enableStackAnimation: true,
onBlurContainer: '.container',
template: '<p>So implement your design ' +
'and place content here! If you want to ' +
'close modal, please hit "Esc", click ' +
'somewhere on the screen or use special ' +
'button.</p>'
});
});
</script>
</body>
</html>
$(函数(){
$(“#show”).avgrund({
身高:200,
holderClass:“自定义”,
showClose:没错,
showCloseText:“关闭”,
enableStackAnimation:正确,
onBlurContainer:“.container”,
模板:“因此实现您的设计”+
'并在此处放置内容!如果您愿意'+
'关闭模式,请点击“Esc”,单击'+
'屏幕上的某个地方或使用特殊'+
'按钮。'
});
});
包含此代码的html文件与所有必需的JS和CSS文件位于同一目录中。我相信我已经把一切都带到了最基本的阶段,但是我不明白为什么这不起作用;我错过了什么?从正斜杠中检索的模式,并键入:
<script type="text/javascript" src="./jquery.avgrund.js"></script>
正斜杠和类型:
<script type="text/javascript" src="./jquery.avgrund.js"></script>
正斜杠和类型:
<script type="text/javascript" src="./jquery.avgrund.js"></script>
正斜杠和类型:
<script type="text/javascript" src="./jquery.avgrund.js"></script>
尝试将avgrund脚本替换到此位置,如果可以,请保存它 我已经测试过了,它对我有效
<script src="https://rawgithub.com/voronianski/jquery.avgrund.js/master/jquery.avgrund.min.js"></script>
演示尝试将avgrund脚本替换到此位置,如果可以,请保存它 我已经测试过了,它对我有效
<script src="https://rawgithub.com/voronianski/jquery.avgrund.js/master/jquery.avgrund.min.js"></script>
演示尝试将avgrund脚本替换到此位置,如果可以,请保存它 我已经测试过了,它对我有效
<script src="https://rawgithub.com/voronianski/jquery.avgrund.js/master/jquery.avgrund.min.js"></script>
演示尝试将avgrund脚本替换到此位置,如果可以,请保存它 我已经测试过了,它对我有效
<script src="https://rawgithub.com/voronianski/jquery.avgrund.js/master/jquery.avgrund.min.js"></script>
演示也许您正在添加无效的js文件
Valid js file: http://labs.voronianski.com/media/js/jquery.avgrund.js
Valid CSS: http://labs.voronianski.com/jquery.avgrund.js/avgrund.css
演示:也许您正在添加无效的js文件
Valid js file: http://labs.voronianski.com/media/js/jquery.avgrund.js
Valid CSS: http://labs.voronianski.com/jquery.avgrund.js/avgrund.css
演示:也许您正在添加无效的js文件
Valid js file: http://labs.voronianski.com/media/js/jquery.avgrund.js
Valid CSS: http://labs.voronianski.com/jquery.avgrund.js/avgrund.css
演示:也许您正在添加无效的js文件
Valid js file: http://labs.voronianski.com/media/js/jquery.avgrund.js
Valid CSS: http://labs.voronianski.com/jquery.avgrund.js/avgrund.css
演示:浏览器控制台中的任何错误在这种情况下,浏览器控制台中的任何其他错误都会出现以下错误“Uncaught TypeError:Object[Object Object]在此处调用插件时没有方法“avgrund”$(“#show”).avgrund({@codingManiac这意味着它无法识别您的js插件,问题在于:您需要将src更改为正确的路径,以便插件可以加载到页面。@codingManiac检查我的答案和演示!您的浏览器控制台中的任何错误在这种情况下,您的浏览器控制台中的任何其他错误都会得到以下错误“Uncaught TypeError”r:Object[Object Object]在这里调用插件时没有方法“avgrund”..$(“#show”).avgrund({@codingManiac这意味着它无法识别您的js插件,问题在于:您需要将src更改为正确的路径,以便插件可以加载到页面。@codingManiac检查我的答案和演示!您的浏览器控制台中的任何错误在这种情况下,您的浏览器控制台中的任何其他错误都会得到以下错误“Uncaught TypeError”r:Object[Object Object]在这里调用插件时没有方法“avgrund”..$(“#show”).avgrund({@codingManiac这意味着它无法识别您的js插件,问题在于:您需要将src更改为正确的路径,以便插件可以加载到页面。@codingManiac检查我的答案和演示!您的浏览器控制台中的任何错误在这种情况下,您的浏览器控制台中的任何其他错误都会得到以下错误“Uncaught TypeError”r:Object[Object Object]在这里调用插件时没有方法“avgrund”..$(“#show”).avgrund({@codingManiac这意味着它无法识别您的js插件,问题在于:您需要将src更改为正确的路径,以便插件可以加载到页面。@codingManiac检查我的答案并演示!ehh,它指示浏览器在父目录中搜索js,但它与我的html文件位于同一目录中
/jquery.avgrund.js
对于同一目录感谢您的澄清,@davidchaseeh指示浏览器在父目录中搜索js,但它与我的html文件位于同一目录对于同一目录它将是/jquery.avgrund.js
,感谢您的澄清,@davidchaseeh指示浏览器到搜索父目录中的js,但它与我的html文件在同一目录中。对于同一目录,它将是/jquery.avgrund.js
。感谢澄清,@DavidChaseehh指示浏览器在父目录中搜索js,但它与我的html文件在同一目录中它将是/jquery.avgrund.js
对于同一个目录感谢您的澄清,@davidchasey您需要使用而不是raw.github
,因为这样在大多数情况下会将内容类型集发送到text/plain而不是javascript…感谢mate@DavidChasetwo提问;为什么通过引用URL而不是本地来实现此功能?我将如何解决此问题“资源被解释为样式表,但使用MIME类型text/html传输:”?错误1)可能是下载的插件文件已损坏,只需从引用URL保存该文件,并确保其在本地工作,2)从这里获取有效的css文件非常感谢David和CodingAnt,非常感谢!您需要使用而不是raw.github
,因为这会在大多数情况下将内容类型集发送到text/plain而不是javascript…感谢mate@DavidChasetwo提问;为什么通过引用URL而不是t本地?我如何解决“资源被解释为样式表,但使用MIME类型text/html传输:”?1)可能是下载的插件文件已损坏,只需从引用URL保存文件,并确保在本地工作,2)和有效的cs