jquery文件与我的php代码冲突
这是我的services.php文件jquery文件与我的php代码冲突,php,jquery,Php,Jquery,这是我的services.php文件 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Dr Reddy's | Services</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dr Reddy's | Services</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>
<link rel="stylesheet" href="/resources/demos/style.css">
<base href="http://localhost/drreddys/"/>
<script>
$(function() {
$( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
$( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
});
</script>
<style>
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;background-color: cadetblue;}
.a_heading{width:100%;border-bottom:1px solid;border-width:1px;border-color:#ebebeb;}
.a_title{width: 100%;color: #603090;height: 50px;text-align: center;box-shadow: 5px 2px;}
#your-div123 {
background: url("images/about5.jpg") no-repeat;
background-size: cover;
background-clip: border-box;
height: 400px;
}
</style>
</head>
<body>
<?php include_once '../admin/header.php';?>
<div class="a_heading" style="margin-top: 200px;">
<h1 class="a_title" style="margin-top: 200px;">Services</h1>
</div>
<div id="your-div123"></div>
<div id="tabs" style='margin-top: 100px; margin-left: 150px; '>
<ul>
<li><a href="#tabs-1">Primary Care</a></li>
<li><a href="#tabs-2">Kidney Diseases</a></li>
<li><a href="#tabs-3">Dialysis Procedures</a></li>
<li><a href="#tabs-4">Annual Physicals</a></li>
<li><a href="#tabs-5">Adult Immunizations</a></li>
<li><a href="#tabs-6">Preventive Health Care</a></li>
<li><a href="#tabs-7">Pre-operative Clearance</a></li>
</ul>
<div id="tabs-1" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Primary Care</h2>
<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 id="tabs-2" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Kidney Diseases</h2>
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Dialysis Procedures</h2>
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
<div id="tabs-4" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Annual Physicals</h2>
<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 id="tabs-5" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Adult Immunizations</h2>
<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 id="tabs-6" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Preventive Health Care</h2>
<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 id="tabs-7" style="border-radius: 25px;">
<h2 style="color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;">Pre-operative Clearance</h2>
<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>
</body>
</html>
雷迪博士的服务
$（函数（）{
$（“#制表符”）.tabs（）.addClass（“ui制表符垂直ui辅助程序clearfix”）；
$（“#tabs li”）.removeClass（“ui角顶部”）.addClass（“ui角左侧”）；
});
.ui选项卡垂直{宽度：55em；}
.ui制表符垂直.ui制表符导航{填充：.2em.1em.2em.2em；浮动：左；宽度：12em；}
.ui选项卡垂直.ui选项卡导航{清除：左侧；宽度：100%；边框底部宽度：1px！重要；边框右侧宽度：0！重要；边距：0-1px.2em 0；}
.ui选项卡垂直.ui选项卡导航{显示：块；}
.ui选项卡垂直.ui选项卡导航li.ui-tabs-active{填充底部：0；填充右侧：.1em；边框右侧宽度：1px；}
.ui选项卡垂直.ui选项卡面板{填充：1em；浮动：右侧；宽度：40em；背景色：cadetblue；}
.a_标题{宽度：100%；边框底部：1px实心；边框宽度：1px；边框颜色：#ebebebeb；}
.a_标题{宽度：100%；颜色：603090；高度：50px；文本对齐：居中；方框阴影：5px 2px；}
#你的-123{
背景：url（“images/about5.jpg”）不重复；
背景尺寸：封面；
背景剪辑：边框框；
高度：400px；
}
服务
初级保健
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯
肾脏疾病
Morbi tincidunt，我坐在医院里，看医生，看医生，看医生，看医生。杜伊斯·塞勒里克·莫莱斯蒂·图皮斯。塞德·弗林利亚，马萨·埃吉特·卢克图斯·马莱苏阿达，梅特斯·厄洛斯·莫莱斯蒂·莱克托斯，我们的厄洛斯·多洛。埃尼安·阿利奎特·弗林利亚。悬钩子在舌苔中是舌苔。在爱神的前庭里祈祷。临床医生。库拉比图尔·奥纳雷·康塞奎特·努克。埃尼安·韦尔梅特斯。乌特·波苏尔·维韦拉·努拉。阿利奎姆·埃拉特·帕特。佩伦茨克康瓦利斯。梅塞纳斯·费吉亚、佩伦特斯·普雷蒂姆·波苏尔、猫科动物奥勒姆·尤伊斯莫·费利斯、欧纳·利奥·尼西·维勒·费利斯。毛里斯·康塞德图尔·托托和珀鲁斯
透析程序
毛里斯·埃利芬德和图皮斯。酒后驾车。潜力悬钩子。这是一种腐败，是一种腐败，是一种腐败，是一种腐败，是一种腐败，是一种腐败。前庭无前庭。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Fusce苏打啤酒。这是一个很好的例子。这是一种很好的治疗方法。库拉比图尔·洛雷姆·埃尼姆、普雷蒂姆·内克、福吉亚·内克、卢克图斯·a、拉克斯
杜伊斯·库苏斯。梅塞纳斯·利古拉·厄罗斯、布兰迪·内克、法雷特拉、森佩尔、麦格纳。纳拉姆ac拉克斯。无便利。普雷森特·维韦拉·胡斯托·维塔·内克。普拉森特·布兰迪特·维利特。潜力悬钩子。Donec mattis，pede vel pharetra blandit，magna ligula faucibus eros，id euismod lacus dolor eget odio。南斯克利斯克。Donec non libero sed nulla mattis commodo。Ut矢状位。Donec nisi lectus，封建者porttitor，临时ac，临时vitae，pede。这是一种交通工具。Maecenas commodo。佩伦茨克nec精英。拉库斯的福斯。维瓦摩斯是自由人，莱克图斯·亨德雷特·亨德雷特
年度体检
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯
成人免疫接种
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯
预防保健
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯
术前清除
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的工作