Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.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 jQuery下拉列表-Wordpress_Javascript_Jquery_Wordpress - Fatal编程技术网

Javascript jQuery下拉列表-Wordpress

Javascript jQuery下拉列表-Wordpress,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在尝试创建包含图像的jquery选择字段。(ddslick) .js文件似乎有问题,因为控制台显示了一个错误:uncaughttypeerror:Object[Object Object]没有方法“ddslick” 但在JSFIDLE的工作中: 它在JSFIDLE中正确加载,但在控制台中给出该错误,并且不加载 我还尝试将其放入页面的脚本中(使用wordpress上的脚本插件),即: //Dropdown plugin data var ddData = [

我正在尝试创建包含图像的jquery选择字段。(ddslick)

.js
文件似乎有问题,因为控制台显示了一个错误:uncaughttypeerror:Object[Object Object]没有方法“ddslick” 但在JSFIDLE的工作中:

它在JSFIDLE中正确加载,但在控制台中给出该错误,并且不加载

我还尝试将其放入页面的脚本中(使用wordpress上的脚本插件),即:

//Dropdown plugin data
            var ddData = [
                {
                    text: "Facebook",
                    value: "FB",
                    description: "Description with Facebook",
                    imageSrc: "http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
                },
                {
                    text: "Twitter",
                    value: "TWT",
                    description: "Description with Twitter",
                    imageSrc: "http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
                },
                {
                    text: "LinkedIn",
                    value: "LI",
                    description: "Description with LinkedIn",
                    imageSrc: "http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
                },
                {
                    text: "Foursquare",
                    value: "FSQ",
                    description: "Description with Foursquare",
                    imageSrc: "http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
                }
            ]
HTML

在这里:

此处:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.ddslick.js"></script>
<!-- Make sure your CSS file is listed before jQuery -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

谢谢。多么愚蠢的错误:/console中的错误现在消失了,但是select下拉列表现在仍在运行?如果不查看实际站点,很难猜测:\n它是否碰巧在线,以便您可以提供链接?您有两个jQuery,分别是第25行的1.6.4和第245行的1.8。。这通常是治疗疼痛的处方。谢谢。多么愚蠢的错误:/console中的错误现在消失了,但是select下拉列表现在仍在运行?如果不查看实际站点,很难猜测:\n它是否碰巧在线,以便您可以提供链接?您有两个jQuery,分别是第25行的1.6.4和第245行的1.8。。这通常是一个痛苦的处方。我处理过的一个问题是:确保你没有两次包含这个下拉列表。它将发射两次;打开和关闭的速度太快,看起来好像不起作用。我不知道这是否是你的问题,但这让我有一段时间不舒服。@Orolo-它似乎只加载了一次。但是当我检查时,我注意到我已经加载了两个不同版本的jquery-Version1.6。和1.8。。。这是个问题吗?可能是。不过,出于其他原因,您可能不希望同时加载两个版本。我处理过的一个问题是:确保没有两次包含该下拉列表。它将发射两次;打开和关闭的速度太快,看起来好像不起作用。我不知道这是否是你的问题,但这让我有一段时间不舒服。@Orolo-它似乎只加载了一次。但是当我检查时,我注意到我已经加载了两个不同版本的jquery-Version1.6。和1.8。。。这是个问题吗?可能是。不过,出于其他原因,您可能不希望同时加载两个版本。
  wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.ddslick.js"></script>
<!-- Make sure your CSS file is listed before jQuery -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

</head>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.ddslick.js"></script>
<!-- Make sure your CSS file is listed before jQuery -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>