Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';我不明白为什么JS插件是';行不通_Javascript_Jquery_Html - Fatal编程技术网

Javascript Can';我不明白为什么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">

我正在尝试实现一个JS模式窗口,并且几乎一字不差地复制了插件的代码,但它仍然不起作用;以下是我的代码

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