【问题标题】:trouble with flicker api jquery method .coinslider();闪烁 api jquery 方法 .coinslider() 的问题;
【发布时间】:2015-02-02 01:39:03
【问题描述】:

嘿,伙计们,这段代码似乎真的是正确的,我只是为了我的生活,不确定它对我不起作用。我正在使用 flickr api 取下一些照片并将它们放入带有 jquery 的硬币滑块中。图像下来很好,但没有 coinslider(); //!!!!

这是我正在使用的代码:

index.js

$('document').ready(function(){
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",{tags: "wild",tagmode: "any", format: "json" },
        function(data) {
            $.each(data.items, function(i,item){
                console.log(item)
                $("<img/>").attr({src : item.media.m.replace('_m.','.')}).appendTo("#pics");
                if ( i == 10 ) {
                    $('#pics').coinslider();
                    return false;
                }
            });
        });
});

还有我的主文件

page.html

<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8 />
  <title></title>
  <link href="css/custom.css" rel="stylesheet">
  <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
    <p id="pics">
    </p>
<body>

  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="index.js"></script>
</body>
</html>

错误是

Uncaught TypeError: undefined is not a function

【问题讨论】:

  • 检查你是否包含了coinslider的js。在您的 HTML 文件中,我们没有为 coinslider 查找任何 js

标签: jquery api flickr


【解决方案1】:

改变这个:

$('document')

到这里:

$(document)

您不应使用任何引号将文档关键字括起来。


这也可能是路径问题,因为我看到您引用了 js 文件夹并且您没有包含 coinslider js lib,所以问题可能出在此处:

<script type="text/javascript" src="thePath4CoinSlider.js"></script>

可能是你把所有的 js 文件都放在了 js 文件夹中,而你没有从那里引用它们。

<script type="text/javascript" src="index.js"></script>

检查上述脚本中的 src。

【讨论】:

  • 我从 jquery.com 下载了一个插件,它给了我 coinslider 方法链接在这里 plugins.jquery.com/coin-slider 我想我的主要想法是我认为 coinslider 方法只是包含在 jquery 中,就像 hide 方法和意识到如果我从该链接下载插件,我只能使用该方法大声笑我的坏
  • 哦!现在你必须下载它并包含在你的页面中,然后你就可以开始了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-04
  • 2016-03-06
  • 2012-05-12
  • 1970-01-01
相关资源
最近更新 更多