اجرا نشدن دستورات css و js [بایگانی]

p30online

چهارشنبه 09 مرداد 1392, 23:36 عصر

دوستان اشکال این دستورات کجاست؟
این دستورات مربوط به جی کوئری

<script type="text/javascript" >
$(document).ready(function() {
$("#main").click(function() {
$("#child").slideDown("fast");

});
});

</script>

این هم دستورات سی اس اس بالفرض
بالا همین صفحه نوشتم

<style type="text/css" >
#main{
background:#6F0;
width:100px;
text-indent:20px;

}
#child{
background:#F00;
display:none;
}
</style>

این هم قسمت body که عمل نمی کنه

<button id="main" >jjjjj</button>
<p id="child"> This is paragraph 1 . </p>
<p id="child"> This is paragraph 2 . </p>

کامروا

پنج شنبه 10 مرداد 1392, 00:14 صبح

آدرس فایل jQuery رو به تگ script‌ ندادین.

<script type="text/javascript" src="آدرس فایل جی کوئری">
$(document).ready(function() {
$("#main").click(function() {
$("#child").slideDown("fast");

});
});
</script>

در ضمن نمیتونید دو ID‌ همنام داشته باشید. بجای id=child از کلاس استفاده کنید به این شکل :

HTML :
<button id="main" >jjjjj</button>
<p class="child"> This is paragraph 1 . </p>
<p class="child"> This is paragraph 2 . </p>
CSS :
.child{
background:#F00;
display:none;
}

توی کد های جی کوئری هم بجای child# این child. را قرار بدهید.

موفق باشید

habibvafapour

پنج شنبه 10 مرداد 1392, 00:18 صبح

فکر میکنم این سوال برای قسمت دیگری باشه
ولی بهتر نیست ابتدا روی CSS تمرکز داشته باشید بعد به دنبال زبان های دیگر بروید
خطای کار شما در CSS هست عیب یابی کنید بهتر هست نگم کجا مشکل داره تا خودتان عیب یابی کنید
موفق باشید

colors

پنج شنبه 10 مرداد 1392, 00:19 صبح

برادر من نمیشه که دوتا تگ با ID برابر داشته باشی(child)

<p id="child-1"> This is paragraph 1 . </p>
<p id="child"> This is paragraph 2 . </p>

H:Shojaei

پنج شنبه 10 مرداد 1392, 00:23 صبح

سلام
پس كو كد هاي PHP ?
جواب:
من كه مشكلي نديدم اين رو تست كنيد:

<!DOCTYPE html>
<html>
<head>
<style type="text/css" >
#main{
background:#6F0;
width:100px;
text-indent:20px;

}
#child{
background:#F00;
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<button id="main" >jjjjj</button>
<p id="child"> This is paragraph 1 . </p>
<p id="child"> This is paragraph 2 . </p>
<script>
$(document).ready(function(){
$("#main").click(function(){
$("#child").slideDown("fast");
});
});
</script>
</body>
</html>

p30online

پنج شنبه 10 مرداد 1392, 00:26 صبح

دادم بازم کار نمی کنه
این هم مسیرش ببینید درسته؟؟

<script type="text/javascript" src="jquery.js" >
$(document).ready(function() {
$("#main").click(function() {
$("#child").slideDown("fast");

});
});

این هم اطلاعات داخل جی کونری ببینید درسته؟

// JavaScript Document

$ (document). ready ( function( ) {
$ ("#main") . click ( function( ){
$("#child").slideDown( "fast");
});
});

کامروا

پنج شنبه 10 مرداد 1392, 00:49 صبح

دوست عزیز ،
طبق آدرس دهی شما، الان فایل jquery.js باید در کنار فایل html تون باشه.
محتوی فایل jquery.js رو میتونید از خود سایتش بگیرید. به این آدرس (http://code.jquery.com/jquery-1.10.1.min.js) مراجعه کنید و تمام محتویات رو داخل فایل jquery.js قرار بدید.

دمو بصورت آنلاین. (http://jsfiddle.net/R52B6/1/)

p30online

پنج شنبه 10 مرداد 1392, 00:56 صبح

دوست عزیز ،
طبق آدرس دهی شما، الان فایل jquery.js باید در کنار فایل html تون باشه.
محتوی فایل jquery.js رو میتونید از خود سایتش بگیرید. به این آدرس (http://code.jquery.com/jquery-1.10.1.min.js) مراجعه کنید و تمام محتویات رو داخل فایل jquery.js قرار بدید.

دمو بصورت آنلاین. (http://jsfiddle.net/R52B6/1/)

عالیه
ممنون