尝试通过单击jquery幻灯片中的链接图像来更新页面的#content div的内容

虽然我是jquery的新手,但我真的很难过这个。

我正在尝试创建一个页面,其中我在顶部有一个产品幻灯片放映,通过单击其中一个产品,页面将使用我的服务器中的页面更新主#content div。 我正在使用.load()函数来获取ajax调用以调出页面。 另外,我正在使用event.preventDefault(),以便单击链接不会完全更改页面。

不知道我在这一点上做错了什么。 任何帮助将不胜感激。

此外,我已经寻找其他插件来做我正在尝试做的事情,但没有成功。

到目前为止我做了什么:

代码被粘贴到这个jsfiddle中,因为stackoverflow一直在抱怨我没有正确格式化它。 旋转木马也有css,但似乎工作正常。 如果需要,我可以包括它

http://jsfiddle.net/WDXMU/1/

Show the content

jquery代码在小提琴中,因为堆栈溢出甚至不喜欢它前后的转义字符

我已经对你的jsfiddle进行了一些更改,第一个将框架设置为jQuery,它修复了导航离开页面a标签,我从javascript窗口中删除了脚本标记,这清除了开头的垃圾输出,当你试图获取具有content id的元素时,我已经修复了jQuery选择器中缺少的#。

我已经测试了jsfiddle之外的代码并且可以确认它现在适用于我,但是不能在jsfiddle中工作,因为你链接到的页面不存在于jsfiddle域中。

http://jsfiddle.net/WDXMU/11/