PDA

View Full Version : پیدا کردم خطا خطا در کدjQuery


r4hgozar
پنج شنبه 02 خرداد 1392, 10:59 صبح
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(e){
$("#test").hide();

});
</script>

</head>

<body>
<div id="test"> salam </div>


</body>
</html>



سلام دوستان کجای این کدم اشتباه که عمل نمی کنه؟
meysam1366
پنج شنبه 02 خرداد 1392, 11:30 صبح
سلام دوست عزیز

خوب معلومه عمل نمیکنه چون شما هیچ عملکردی روش اعمال نکردید

این آیدی تست قرار چه اتفاقی روش بیفته

اینو امتحان کنید



<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="style.css"/><script type="text/javascript" src="jquery.js" ></script><script type="text/javascript">
$(document).ready(function(e){
$("#test").mouseenter(function() {
$('#test').hide();
});
});
</script> </head> <body><div id="test"> salam </div> </body></html>

این کد وقتی روی کلمه سلام میرید محو میشه
r4hgozar
پنج شنبه 02 خرداد 1392, 11:58 صبح
ولی خوب دوست عزیز من می خوام وقتی صفحه لود شد مثلا این دایو که ایدیش test مخفی باشه!
meysam1366
پنج شنبه 02 خرداد 1392, 13:39 عصر
سلام مجدد

خوب اگر میخواید که این دایو مخفی بشه بعید میدونم بشه کاری کرد چون فرمان خاصی بهش ندادید

البته فایده ای آنچنانی نداره لطفا بفرمایید که این کد رو کجا میخواید استفاده کنید تا دوستان بهتر راهنماییتون کنن
moalla
پنج شنبه 02 خرداد 1392, 13:49 عصر
دوستان عناوین تاپیک رو خیلی بد میذارید
کدتون مشکلی نداره و احتمالا خطای دیگه ای داره از جمله اینکه فایل jquery لود نشده. با ابزارهای کروم میشه تست کنید که لود شده یا نه
حالا فایل شما رو اینجا (http://jsfiddle.net/moalla/C8dF2/1/)درست کردم
امیدوارم طرز استفاده از این سایت رو بلد باشد. بهتره از این به بعد اشکالی داشتید توش بازسازی کنید تا بشه سریع راهنمایی کرد
اگرم این سایت رو بلد نیستید این آموزش (http://quicklearn.ir/?q=node/1) رو ببینید
aliblue
پنج شنبه 02 خرداد 1392, 13:51 عصر
من مشکلی در کدتون نمیبینم. قسمت زیر رو به جای تگ head داخل body بنویس ببین حل میشه؟
<script type="text/javascript">
$(document).ready(function(e){
$("#test").hide();

});
</script>
moalla
پنج شنبه 02 خرداد 1392, 15:47 عصر
من مشکلی در کدتون نمیبینم. قسمت زیر رو به جای تگ head داخل body بنویس ببین حل میشه؟
<script type="text/javascript">
$(document).ready(function(e){
$("#test").hide();

});
</script>

عذر میخوام اما خوب فرقی نیست بین در head بودن و یا در body بودن.
نتیجه یکیه.
اما خوب اگر خواستید در body بیارید باید در انتهای body بیارید. یعنی بعد از تگها و یا حتی بعد از بسته شدن body
aliblue
پنج شنبه 02 خرداد 1392, 18:20 عصر
عذر میخوام اما خوب فرقی نیست بین در head بودن و یا در body بودن.
ممنون.آره حدس میزدم ولی چون من همیشه در body مینویسم و فرصت نداشتم ببینم توی head کار میکنه یا نه گفتم.
با تشکر از تذکرتون.
moalla
پنج شنبه 02 خرداد 1392, 19:06 عصر
خواهش میکنم دوست من.
اما حرف شما سبب شد یکی از فوتهای کوزه گری طراحی رو خدمت شما دوستان بگم:
با اینکه فرقی نمیکنه اما این نکته رو اضافه کنم که حرف شما فنی تره. حرفه ای ترها میگن برای اجرای بهتر صفحه کدهای js رو بیارین اخر صفحه. معمولا میذارن اول صفحه و کاربر یکی دو ثانیه بیشتر صفحه رو سفید میبینه تا اونها لود بشن و بعد تگهای صفحه.....اما اگه بذاریم اخر صفحه و اجزاش لود میشن و بعد تا کاربر بیاد روی یه چیزی کلیک کنه چند ثانیه طول میکشه و توی اون مدت js ها هم که زمان بیشتری میبرن برای لود میان و در واقع از زمان بهتر استفاده کردیم و یه جورایی صفحه رو روون تر نشون دادیم.
این رو هم css ها رو بهتره تو همون Head بذاریم. اگه این کارو نکنیم اول تگها بهم ریخته از بالا به پایین ریخته میشن و بعد css ها لود میشه و جاها درست میشن.... امیدوارم منظورم رو گرفته باشین. خلاصه کلام: css ها توی head و js ها بعد از بسته شدن تگ body
forestasphalt
جمعه 03 خرداد 1392, 11:42 صبح
حالا چه اصراری دارین از جی کوئری برای همچین کاری استفاده کنید؟

<div id="test" style="display:none"></div>
<لی همجنان تمایل دارید از جی کوئری استفاده کنید کدتون مشکلی نداره و اجرا میشه شما یا از Inspect element google chrome یا firefox استفاده کن یا قبل از $("#test").hide(); یه alert("hi") بذار ببین هشدار میده یا نه