Javascript 假定从不同网页加载内容的无响应AJAX代码 jQuery UI选项卡-折叠内容 $（函数（）{ $（“#制表符”）。制表符({ 可折叠：正确 }); }); $（函数（）{ $（“#日期选择器”）.datepicker（）； }); $（“#tabs-2”）.load（“p2.html#content”）；
再次单击此选项卡以关闭内容窗格。Javascript 假定从不同网页加载内容的无响应AJAX代码 jQuery UI选项卡-折叠内容 $（函数（）{ $（“#制表符”）。制表符({ 可折叠：正确 }); }); $（函数（）{ $（“#日期选择器”）.datepicker（）； }); $（“#tabs-2”）.load（“p2.html#content”）；,javascript,jquery,ajax,html,Javascript,Jquery,Ajax,Html,再次单击此选项卡以关闭内容窗格。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Collapse content</title> <link rel="stylesheet" href="jquery-ui.css"> <script src="jquery-1.10.2.js"&
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
Alienware由Nelson Gonzalez和Alex Aguila于1996年成立，负责组装台式机、笔记本电脑、工作站和PC游戏机。据员工透露，之所以选择“Alienware”这个名字，是因为创始人喜欢热播电视连续剧《X档案》，名字包括51区、18号机库和极光
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
chrome/path/to/chrome-允许从文件访问文件标志从终端启动。看见另请参见chrome://flags
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
$（“#tabs-2”）
在包含$（“#tabs-2”）.load（“p2.html#content”）的
时未定义在
元素中
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
尝试移动$（“#tabs-2”）。加载（“p2.html#content”）在$（函数（）{}）
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
编辑，更新
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
是的，在chrome浏览器上
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
尝试关闭chrome
，调整启动器，或使用/path/to/chrome-允许从文件访问文件标志从终端启动。看见另请参见chrome://flags
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
$（“#tabs-2”）
在包含$（“#tabs-2”）.load（“p2.html#content”）的
时未定义在
元素中
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
尝试移动$（“#tabs-2”）。加载（“p2.html#content”）在$（函数（）{}）
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
将此$（“#tabs-2”）.load（“p2.html#content”）放入$（函数（）{}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
完整代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
$(function () {
$("#tabs-2").load("p2.html #content")
});
jQuery UI选项卡-折叠内容
$（函数（）{
$（“#制表符”）.tabs（）；
$（“#tabs-2”）.load（“p2.html#content”）；
});
你的文字！！！
p2.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function () {
$("#tabs").tabs();
$("#tabs-2").load("p2.html #content");
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
Your Text!!!
</div>
<div id="tabs-2">
</div>
<div id="tabs-3">
</div>
</div>
</body>
</html>
这是p2页！！！
将此$（“#tabs-2”）.load（“p2.html#content”）放入$（function（）{}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
完整代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
$(function () {
$("#tabs-2").load("p2.html #content")
});
jQuery UI选项卡-折叠内容
$（函数（）{
$（“#制表符”）.tabs（）；
$（“#tabs-2”）.load（“p2.html#content”）；
});
你的文字！！！
p2.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="main.css">
<script>
$(function() {
$( "#tabs" ).tabs({
collapsible: true
});
});
$(function() {
$( "#datepicker" ).datepicker();
});
$("#tabs-2").load("p2.html #content");
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
<p><strong>Click this tab again to close the content pane.</strong> </p>
<p>Alienware is an American computer hardware subsidiary of Dell, Inc. Their products are designed for gaming purposes and are best known for their science-fiction-themed designs. Alienware was founded in 1996 by Nelson Gonzalez and Alex Aguila. Alienware Alpha is a line of PC-console hybrids introduced in 2014. It contains a custom-built Nvidia GeForce GTX 860M; a Core i3, i5, or i7 Intel Processor, depending on what model is purchased, up to 8 gigabytes of RAM; and between 500 gigabytes and 2 terabytes of hard drive space..</p>
</div>
<div id="tabs-2">
</div>
.....(other ending tags, etc.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Collapse content</title>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function () {
$("#tabs").tabs();
$("#tabs-2").load("p2.html #content");
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alienware and Alpha</a></li>
<li><a href="#tabs-2">More About</a></li>
<li><a href="#tabs-3">Contact Us</a></li>
</ul>
<div id="tabs-1">
Your Text!!!
</div>
<div id="tabs-2">
</div>
<div id="tabs-3">
</div>
</div>
</body>
</html>
这是p2页！！！
尝试了它，但它没有在选项卡中显示任何内容。在关闭
标记之前，尝试移动包含$（function（）{}）
的
标记。它仍然不起作用。我似乎无法找出jQuery定义的真正错误是什么？尝试替换”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"“jquery-1.10.2.js”
。可以在“p2.html”中包含html
在问题中？是在本地还是在线试用js
？我用一个链接替换了它，正如你所说的，并且在主要问题中也包括了p2。是的，它在本地试用，我没有这样的规范。我不介意它在本地试用或在线试用，但它不会在选项卡中显示任何内容。尝试移动
c在关闭
标记之前包含$（function（）{}）
它仍然不起作用。我似乎无法找出jQuery定义的真正错误是什么？请尝试替换”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“”jquery-1.10.2.js“
。可以在“p2.html”中包含html
”在问题中？是本地还是在线尝试js
？我用一个链接替换了它，就像你所说的，并且在主要问题中也包含了p2。是的，它在本地尝试，我没有这样的规范。我不介意它在本地或在线尝试。检查你的p2.html路径..并检查它是否已经有id=“content”的元素…只需尝试删除#content to.load（“p2.html”）；并查看您将得到什么。检查控制台是否有任何错误？检查您的p2.html路径..并检查它是否已经有id=“content”的元素。只需尝试删除#content to be.load（“p2.html”）；看看你会得到什么。检查控制台是否有任何错误吗？在$（“#tabs-2”）.load（“p2.html#content”）
（“#tabs-2”）.load（“p2.html#content”）不起作用，我在IE10和Chrome中测试过，但它可以与$（#tabs-2）一起工作。load（“p2.html”）@SudiptaMaiti”（“#tabs-2”）.load（“p2.html”）不起作用？请参阅问题似乎是chrome浏览器限制了对本地文件系统的访问您是对的，谢谢-修改了代码并按预期工作。在$（“#tabs-2”）处有什么不正确的地方。加载（“