试图让JQ Roundabout在焦点时打开链接

时间:2014-03-26 18:33:50

标签: jquery html

请允许有人在这里与Freds JQ Roundabout帮助我。

我有一个由几个项目组成的UL,这些项目指向我网站上的不同页面。

<ul>

    <li><a href="1.php">Page 1</a></li>
    <li><a href="2.php">Page 2</a></li>
    <li><a href="3.php">Page 3</a></li>

</ul>

我把它们放在我的环形交叉路口的上诉中,并且它的行为符合预期。

当我点击其中一个项目时它会成为焦点,但我想要发生的是动画完成后打开相关页面。我相信这可能与clickToFocusCallback选项有关但我不知道如何从href获取链接打开。有效地我正在寻找一个函数,当子元素成为焦点时将打开相关链接。

我已经创建了一个函数,当子元素进入焦点时显示警报,这似乎工作正常但是因为我对这一切都是全新的我不知道如何获得打开的链接和已经花了很多夜时阅读可能的解决方案,但没有足够的知识来解决它们。

以下是我的环形交叉口设置

<script>
   $(document).ready(function() {
      $('#mainmenu ul').roundabout({
    tilt: -10,
    minScale: 1,
    minOpacity: 1,
    clickToFocusCallback: function test_link()
{
alert("Selected Item Is In Focus");
}

      });
   });

</script> 

我正在使用#mainmenu ul所以它只在div主菜单中获取UL,因为最终我希望有一个子菜单,这也是由Freds JQ环形交叉口驱动。

这是我在这里发表的第一篇文章,所以请保持温和,如果我没有提供足够的信息,请告诉我。

感谢您的期待

1 个答案:

答案 0 :(得分:0)

经过漫长的一夜和很多咖啡后,我设法解决了这个问题

<li><a href="#" title="Home Page" onclick="$var='index.php'";return false;>Home Page</a></li>
<li><a href="#" title="Page 2" onclick="$var='page2.php'";return false;>Page 2</a></li>}

然后我的功能

clickToFocusCallback: function (){
window.open(($var),"_self");
},