PDA

View Full Version : سوال: مشکل در اجرای jquery ui



Mohammadsgh
جمعه 13 تیر 1393, 15:58 عصر
درود
من jquery ui رو دانلود و نصب کردم.ولی اجرا نمیشه:افسرده:مشکل از چیه؟:ناراحت:ممنون میشم راهنمایی کنید؟:قلب:اینم از لینک هایی که گذاشتم
برای نمونه accordion رو میخواستم که اجرا نمیشه و متنهاش به هم میریزه

<link href="http://localhost/News/public/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script src="http://localhost/News/public/js/jquery.js" type="text/javascript"></script>
<script src="http://localhost/News/public/js/jquery-ui.min.js" type="text/javascript"></script>

<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
<div id="accordion">
<h3>Section 1</h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
<h3>Section 2</h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
</p>
</div>
<h3>Section 3</h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3>Section 4</h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</p>
</div>
</div>

اینم از عکسش که به هم ریختست.

vimax23
جمعه 13 تیر 1393, 17:24 عصر
style.css رو فراخوانی نکردین تو سورس

Mohammadsgh
جمعه 13 تیر 1393, 17:51 عصر
تو کجا باید فراخوانی کنم؟از کجا باید فایلشو بیارم؟

vimax23
جمعه 13 تیر 1393, 19:32 عصر
<!doctype html>
<html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Accordion - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#accordion" ).accordion(); }); </script></head><body> <div id="accordion"> <h3>Section 1</h3> <div> <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. </p> </div> <h3>Section 2</h3> <div> <p> Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> </div> <h3>Section 3</h3> <div> <p> Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> </div> <h3>Section 4</h3> <div> <p> Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p> <p> Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> </div></div> </body></html>

vimax23
جمعه 13 تیر 1393, 19:34 عصر
تو استایل فقط بادی رو فونت میده چیزی نداره


body {
font-family: "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif"; font-size: 62.5%;}


با همون کدی که گذاشتم من تست کردم درست بود یعنی اینکه نشون میداد

Mohammadsgh
شنبه 14 تیر 1393, 00:13 صبح
برای من درست نشد اگه میشه راهنمایی کنید ممنون میشم:قلب:

vimax23
شنبه 14 تیر 1393, 12:04 عصر
برای من درست نشد اگه میشه راهنمایی کنید ممنون میشم:قلب:

اشتباه میری دیگه بیا
http://jsfiddle.net/532jj/
شما باید اول کتابخونه جی کوئری رو لود کنی تو صفحه با این

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
بعد باید جاوااسکریپت این تب کشویی رو لود کنی یعنی این

<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
بعد هم استایلشو با این لود میکنی

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">

حالا کد صفحه رو میزاری که میشه

<div id="accordion">
<h3>Section 1</h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
<h3>Section 2</h3>
<div>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
</p>
</div>
<h3>Section 3</h3>
<div>
<p>
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3>Section 4</h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.
</p>
</div>
</div>

فانکشن رو هم اینطوری صدا میزنی


<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>

تو jsfiddle نگاه کن چی گذاشتم همونا رو کپی پیست کن تو صفحه خودت ، قسمت اکسترنال ریسوسز هم ببینی اون دو تا فایل سی اس اس و جی اس هست ، قسمت فریم ورک هم که کتابخونه جی کوئری و نسخه ای که لود میشه تو صفحه

Mohammadsgh
شنبه 14 تیر 1393, 13:24 عصر
نمیدونم مشکلش چیه نمیشه:ناراحت:میشه بیاید تو سیستمم؟کدهامو ببینید؟مشکلش از چیه؟:افسرده:

qartalonline
شنبه 14 تیر 1393, 13:39 عصر
کد کاربر vimax23 تا حدودی درسته فقط باید فایلها رو بصورت زیر ضمیمه کنید.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">

vimax23
شنبه 14 تیر 1393, 15:05 عصر
نمیدونم مشکلش چیه نمیشه:ناراحت:میشه بیاید تو سیستمم؟کدهامو ببینید؟مشکلش از چیه؟:افسرده:


<link href="http://localhost/News/public/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script src="http://localhost/News/public/js/jquery.js" type="text/javascript"></script>
<script src="http://localhost/News/public/js/jquery-ui.min.js" type="text/javascript"></script>



شما الان تو فایل هات در مسیر
News/public/css
اینو داری؟
jquery-ui.min.css

همچنین مسیر News/public/js
jquery-ui.min.js
jquery.js

اگر اینا باشه نباید مشکلی وجود داشته باشه
اگر فایرباگ داری f12 رو بزن برو تو تب کنسول بعد رفرش کن صفحه رو ببین ارور چی میده

Mohammadsgh
یک شنبه 15 تیر 1393, 00:03 صبح
الان تو یه برگه html جدا نوشتم و لینک ها از خود جی کوئری بود درست شد ولی تو این پروژه فایل های جی کوئری و جی کوئری یو آی رو تو خود روت دارم و از اونجا آدرس دهی کردم.زمانی که با فایر باگ آزمون خطجاوااسکریپت جی کوئری و جی کوئری یو آی سینتکس ارور میگرفت الان چیکار کنم؟یکی فایل درست نگارش تازه رو نداره به من بده؟ممنون میشم راهنمایی کنید؟:قلب:

vimax23
یک شنبه 15 تیر 1393, 06:47 صبح
الان تو یه برگه html جدا نوشتم و لینک ها از خود جی کوئری بود درست شد ولی تو این پروژه فایل های جی کوئری و جی کوئری یو آی رو تو خود روت دارم و از اونجا آدرس دهی کردم.زمانی که با فایر باگ آزمون خطجاوااسکریپت جی کوئری و جی کوئری یو آی سینتکس ارور میگرفت الان چیکار کنم؟یکی فایل درست نگارش تازه رو نداره به من بده؟ممنون میشم راهنمایی کنید؟:قلب:

تو صفحه خودت غیر از این از چیز دیگه هم استفاده کردی که باعث بشه تداخل کد داشته باشی؟
این حالت رو خودت دستی با جی کوئری هم میتونی بنویسی با toggle گوگل کن آموزشش زیاده حجم کدت خودت بنویسی کمتر میشه

Mohammadsgh
یک شنبه 15 تیر 1393, 10:11 صبح
این همه لینک هایی که دادمه:لبخندساده:

<link href="http://localhost/News/public/css/bootstrap.rtl.min.css" rel="stylesheet">
<link href="http://localhost/News/public/css/dashboard.css" rel="stylesheet">
<link href="http://localhost/News/public/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script src="http://localhost/News/public/js/jquery.js" type="text/javascript"></script>
<script src="http://localhost/News/public/js/jquery-ui.min.js" type="text/javascript"></script>

در چه زمانهایی باید از jquery ui استفاده کنم؟

vimax23
یک شنبه 15 تیر 1393, 11:54 صبح
این همه لینک هایی که دادمه:لبخندساده:

<link href="http://localhost/News/public/css/bootstrap.rtl.min.css" rel="stylesheet">
<link href="http://localhost/News/public/css/dashboard.css" rel="stylesheet">
<link href="http://localhost/News/public/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script src="http://localhost/News/public/js/jquery.js" type="text/javascript"></script>
<script src="http://localhost/News/public/js/jquery-ui.min.js" type="text/javascript"></script>

در چه زمانهایی باید از jquery ui استفاده کنم؟

جی کوئری یه کتابخونه جاوا اسکریپتیه ، جی کوئری یو آی هم یه کتابخونه هست تنها فرق در اینه که در اولی کستوم کردن به راحتی امکان پذیر نبوده کلا کتابخونه های فریم ورکی رو میسازن که کسی که میخواد استفاده کنه سریع و راحت استفاده کنه ، با اون دومیه پلاگین های بیشتر آماده ای فراهم هست تا اولی
کتابخونه جی کوئری هم نمیدونی چیه واسه اینکه بین مرورگرهای مختلفی که داریم وقتی از عناصر و متدهای مختلف استفاده میکنیم یکسان سازی بشه اینو ساختن برای همین اگر دقت کنی روی مرورگرهای اکسپلورر عطیقه میبینی خیلی کدهای جاوااسکریپتی که پوشش نمیداد با این جی کوئری میشه همگامش کرد
اطلاعات بیشتری میخوایی گوگل کن
اینم بهت گفتم نیاز به این نداری همون جی کوئری رو لود کنی تو صفحه ، toggle رو گفتم سرچ کن نمونه هم زیاد داره ساده هست ترکیب html css javascript اینی که میخوایی رو میتونی بسازی
کدت طبق عکسی که دادی کانفلیگ داره یعنی یا جاوااسکریپتی تداخل داره یا سی اس اس با فایرباگ باید ببینیش