0

尽管我是 jquery 的新手，但我真的很难过这一点。

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

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

此外，我还在寻找其他插件来做我想做的事情，但没有成功。

到目前为止我所做的：

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

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

<div id="wrap">

<div id="mycarousel" class="jcarousel-skin-tango">

<ul>
  <li><a href="page1.html"><img src="img1.png"alt="" /></a></li>
  <li><a href="page2.html"><img src="img2.png"alt="" /></a></li>
  <li><a href="page3.html"><img src="img3.png"alt="" /></a></li>
  <li><a href="page4.html"><img src="img4.png"alt="" /></a></li>
  <li><a href="page5.html"><img src="img5.png"alt="" /></a></li>
</ul>

<div class="jcarousel-scroll"> <form action=""> <a href="#" id="mycarousel-prev">&laquo; Prev</a> <a href="#" id="mycarousel-next">Next &raquo;</a> </form> </div>

</div> <div id="content"> Show the content </div>

</div>

jquery 代码在小提琴中，因为堆栈溢出不喜欢它，即使前后有转义字符

4

1 回答 1

0

我对您的 jsfiddle 进行了几处更改，首先将框架设置为 jQuery，这修复了a导航离开页面的标签，我从 javascript 窗口中删除了脚本标签，这清除了开头的垃圾输出，当您尝试获取 id 的元素时，我已经修复了 jQuery 选择器中缺少的 # content。

我已经在 jsfiddle 之外测试了代码，并且可以确认它现在对我有用，但在 jsfiddle 中不起作用，因为您链接到的页面在 jsfiddle 域中不存在。

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

于 2012-12-12T02:51:09.413 回答