iamir4g
چهارشنبه 18 دی 1392, 20:43 عصر
دوستان عزیز و مهندسین سلام
من تازه jquery UI رو شروع کردم توی محیط visual studio نوشتم
اینم کدمه ببخشد که یکم بهم ریختس به خاطر این که نتونسم کد هارو اجرا کنم تمامی فایل ها رو ادد کردم:افسرده:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="Scripts/ui/jquery.ui.core.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.widget.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.tabs.js" type="text/javascript"></script>
<link href="content/themes/base/jquery.ui.accordion.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.base.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.button.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.core.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.dialog.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.progressbar.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.menu.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.resizable.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.selectable.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.slider.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.spinner.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.tooltip.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="man">Alireza</p>
<div id=tabs>
<ul>
<li><a href=#tab1>Tab 1</a></li>
<li><a href=#tab2>Tab 2</a></li>
</ul>
<div id=tab1>Contents of first tab</div>gf
</div>
<a href="http://blog.monavarian.ir" > Blog.Monavarian.ir </a>
<script>
$("#tabs").tabs();
$(document).ready(function () {
$("p.man").click(function () {
$("p.man").hide();
});
});
$(document).ready(function () { $('a').click(function () { alert('clicked'); }) });
</script>
</body>
</html>
ممنون میشم راهنمایی کنید.
من تازه jquery UI رو شروع کردم توی محیط visual studio نوشتم
اینم کدمه ببخشد که یکم بهم ریختس به خاطر این که نتونسم کد هارو اجرا کنم تمامی فایل ها رو ادد کردم:افسرده:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="Scripts/ui/jquery.ui.core.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.widget.js" type="text/javascript"></script>
<script src="Scripts/ui/jquery.ui.tabs.js" type="text/javascript"></script>
<link href="content/themes/base/jquery.ui.accordion.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.base.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.button.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.core.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.dialog.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.progressbar.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.menu.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.resizable.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.selectable.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.slider.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.spinner.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
<link href="content/themes/base/jquery.ui.tooltip.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="man">Alireza</p>
<div id=tabs>
<ul>
<li><a href=#tab1>Tab 1</a></li>
<li><a href=#tab2>Tab 2</a></li>
</ul>
<div id=tab1>Contents of first tab</div>gf
</div>
<a href="http://blog.monavarian.ir" > Blog.Monavarian.ir </a>
<script>
$("#tabs").tabs();
$(document).ready(function () {
$("p.man").click(function () {
$("p.man").hide();
});
});
$(document).ready(function () { $('a').click(function () { alert('clicked'); }) });
</script>
</body>
</html>
ممنون میشم راهنمایی کنید.