我想使用jQuery UI菜单或手风琴并且除了执行其显示其子/嵌套链接的其他功能外,还让父节点在选中时打开一个href。
我正在使用以下代码,但意识到我可能需要在jquery-ui.js文件中配置一些东西。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Accordion - Default functionality</title>
<link rel="stylesheet"
href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function () {
$("#accordion").accordion();
});
</script>
</head>
<body>
<div id="accordion">
<li><a href="http://www.yahoo.com" target="_blank">yahoo1</a>
<ul>
<li><a href="http://www.bing.com" target="_blank">bing2</a></li>
</ul>
</li>
(...)
示例: 当我点击yahoo1时,我希望看到yahoo1喜欢在页面上显示的内容(将使用ajax来调用页面内容)并仍显示其嵌套的bing2子项。
基本上,我想知道是否有办法让像yahoo1这样的父母li成为打开某些东西的活动链接。
答案 0 :(得分:1)
您可以使用ajax load()
功能
$("#accordian.li.a").on("click",function(){
$("#accordian").load($(this).attr("href"));
// you need to create a div to append the data returned by ajax call
})