如何让jquery导航栏在div标签中加载信息?

时间:2013-02-20 02:14:46

标签: jquery css ajax html

我在我的导航栏上使用jquery但是我想让它在我的div标签中加载信息我需要添加到我的导航栏中的任何东西,运行jquery / ajax以加载div,我该怎么办?添加div标签使其功能相同。我的网站是。

http://www.horimonotattoo.com

1 个答案:

答案 0 :(得分:0)

我不完全确定你想要达到的目标,但也许这会有所帮助。 您可以使用jQuery在单击链接时为页面添加div,如下所示。

<head>
<!-- include jquery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<!-- run a script for when a button or element is clicked -->
<script type="text/javascript">

//when page has loaded
$(document).ready(function() {
//when link with class name 'linkClassName' is clicked
    $('.linkClassName').click(function(){
    //add a div after the </a> tag
    $(this).append('<div>hello</div>');
});//end click function
});//end document ready

</script>

</head>

<body>

<a href="#" class="linkClassName">Click Me</a>

</body>

这里有一个工作示例http://jsfiddle.net/nskWD/1/

你也可以在点击功能中使用.load(url)将整个页面加载到div中,

$( '#DIVID')负载(URL);