2012-12-19 81 views
1

试图在我的Wordpress网站中安装Farbtastic颜色选择器插件,但没有成功。在Wordpress上安装Farbtastic

看来,我正在做的一切,因为教程说,但色轮不会出现,只有形式的默认值。

下面是我使用的代码:

在HTML标签farbtastic.js和farbtastic.css:

<script type="text/javascript" src="farbtastic/farbtastic.js"></script> 
<link rel="stylesheet" href="farbtastic/farbtastic.css" type="text/css"/> 

添加一个占位符DIV和文本字段到你的HTML,并给予每一个ID:

<form><input type="text" id="color" name="color" value="#123456" /></form> 
<div id="colorpicker"></div> 

在你的HTML标记包含此:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#colorpicker').farbtastic('#color'); 
    }); 
</script> 

请帮助某人,因为我觉得某处存在愚蠢的错误,但我找不到它。

回答

0

你能分享一个链接吗?

我的猜测是相对路径“farbtastic/farbtastic。*”与当前页面不相关。

+0

实际上它现在已经在localhost上了,所以现在直接向你展示网页会有点困难。 但是,当我在查看源代码并单击farbtastic.js和farbtastic.css beeing导入的链接时,链接完美运行,文件向我显示。或者这意味着什么? –

+0

那么如果他们显示,他们应该工作。所以这可能不是问题。您是否在Javascript控制台中检查了其他错误? – b1nary

+0

嗯..铬显示我错误:未捕获TypeError:对象[对象对象]没有方法'farbtastic'。 –