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

标签 jquery css ajax html

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

http://www.horimonotattoo.com

最佳答案

我不完全确定您要实现的目标,但也许这会有所帮助。 单击链接时,您可以使用 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').load(url);

关于jquery - 如何让 jquery 导航栏在 div 标签中加载信息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14971209/

相关文章:

javascript - JSON python 到 javascript

php - 使用 jquery Ajax 加载内容(URL 触发)

php - 在 PHP 中使用 AJAX 进行图像预览

ajax - jQuery .load() 等待内容加载完成

jquery - jQuery 中的 .get() 方法

javascript - jQuery 添加类(如果其他地方存在)

css - 更改不同浏览器的媒体播放器对象宽度

html - 如何创建多列列表?

css - 如何使用 bootstrap3 网格将元素放置在列中

Jquery 对话框打开事件未触发