ajax-ui tabs ajax 调用的步骤-AJAX教程-爱易网页

ajax-ui tabs ajax 调用的步骤

日期：2014-05-16　浏览次数：20703 次

ajax-ui tabs ajax 调用的方法

想用jquery-ui实现上面的效果了，即，点击哪个标签的时候加载一个页面，而不会刷新页面，我的想法是用jquery ui 里面的tabs插件实现，但是一直搞不懂那个ajax调用，希望熟悉jquery ui的高手们，指导一下，或者给我一个例子，可以发我邮箱,sxhyljava@163.com,谢谢！或者其它实现方式也可以的！

Ajax jQuery?UI 插件

------解决方案--------------------
demo里面不是有ajax的示例了。。

<!doctype html>

<html lang="en">

<head>

	<meta charset="utf-8">

	<title>jQuery UI Tabs - Content via Ajax</title>

	<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">

	<script src="../../jquery-1.8.2.js"></script>

	<script src="../../ui/jquery.ui.core.js"></script>

	<script src="../../ui/jquery.ui.widget.js"></script>

	<script src="../../ui/jquery.ui.tabs.js"></script>

	<link rel="stylesheet" href="../demos.css">

	<script>

	$(function() {

		$( "#tabs" ).tabs({

			beforeLoad: function( event, ui ) {

				ui.jqXHR.error(function() {

					ui.panel.html(

						"Couldn't load this tab. We'll try to fix this as soon as possible. " +

						"If this wouldn't be a demo." );

				});

			}

		});

	});

	</script>

</head>

<body>



<div id="tabs">

	<ul>

		<li><a href="#tabs-1">Preloaded</a></li>

		<li><a href="ajax/content1.html">Tab 1</a></li>

		<li><a href="ajax/content2.html">Tab 2</a></li>

		<li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>

		<li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>

	</ul>

	<div id="tabs-1">

		<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>

	</div>

</div>



<div class="demo-description">

<p>Fetch external content via Ajax for the tabs by setting an href&nbs

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

ajax-ui tabs ajax 调用的步骤

相关资料更多>

推荐阅读更多>