5 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام

من یه مشکلی که دارم اینه که وقتی رو یه div کلیک میکنم همه p ها toggle میشن در صورتی که میخوام p همون div فقط toggle بشه البته بدون دادن ID به div یا p ها


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<div>Toggle
<p>This is a paragraph with little content.</p>

<p>This is another small paragraph.</p>
</div>
<div>Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>
<div>Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>
</body>
</html>

ویرایش شده در توسط wSaman
0

به اشتراک گذاری این پست


لینک به پست

$(document).ready(function(){
$("div").click(function(){
$(this).find("p").toggle();
});
});

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

تشکر این شد

ولی مشکلی که هست وقتی div رو با ID میخونی فقط روی اولی کار میکنه

یعنی


<div id="aa">Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>
<div id="aa">Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>

که اینجوری مینویسم


$(document).ready(function(){
$("#aa").click(function(){
$(this).find("p").toggle();
});
});

البته میشه اینجوری نوشت که کار میکنه:


$(document).ready(function(){
$("div#aa").click(function(){
$(this).find("p").toggle();
});
});

ولی نمیخوام اینجوری باشه چون دیشب این کد رو گذاشتم کار کرد


$(document).ready(function(){
$('.post').click(function(){
$(this).children('.infoboxa').slideToggle("slow");
});
});

ولی این کد فقط رو همون html کار میکنه!

ویرایش شده در توسط wSaman
0

به اشتراک گذاری این پست


لینک به پست

آی دی یک نشانه شخصی است که فقط باید روی یک عنصر در صفحه باشد class حکم نام خانوادگی را دارد که در بین عناصر صفحه می تواند مشترک باشد

اگر در حال یاد گیری jquery هستید سعی کنید اصول اولیه html را کامل را رعایت کنید آنالیز صحیح خواستتون و ترسیم الگوریتم صحیح ازش نکته ی اول است

این کد شما


<div id="aa">Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>
<div id="aa">Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>

می تونه به این صورت اصلاح بشه


<div id="aa">
<div>Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>
<div>Toggle
<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>
</div>
</div>

<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#aa>div").click(function() {
$(this).find("p").toggle();
})
})
</script>

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


<ul>
<li>item 1
<ul>
<li>sub item 1-a </li>
<li>sub item 1-a</li>
<li>sub item 2-a</li>
<li>sub item 2-b </li>
<li>sub item 1-a</li>
<li>sub item 1-b</li>
<li>sub item 1-b</li>
<li>sub item 1-b</li>
</ul>
</li>
<li>item 2
<ul>
<li>sub item 2-a</li>
<li>sub item 2-b </li>
<li>sub item 1-a</li>
<li>sub item 1-b</li>
</ul>
</li>
</ul>
<script>function handler(event) {
var $target = $(event.target);
if( $target.is("li ul li ul li") ) {
$target.children().slideToggle("slow");
}
else
if( $target.is("li ul li") ) {
$target.children().slideToggle("slow");
}
else
if( $target.is("li") ) {
$target.children().slideToggle("slow");
}
}
$("ul").click(handler).find("ul").hide();
</script>

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

ممنون از شما

ویرایش شده در توسط wSaman
1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط prooshe
      سلام خسته نباشید.
      من بدون فعالسازی ssl و نصب افزونه از قسمت تنظیمات وردپرسم آدرس سایتم را از http به https تغییر دادم الان دیگه نه سایتم بالا میاد نه دسترسی به مدیریتم دارم تا دوباره ویرایش کنم لطفا راهنمایی کنید؟
    • توسط samadionline
      سلام خدمت شما عزیزان
      چطوری میشه در وردپرس مثل جوملا برای کاربران گروه و سطوح دسترسی تعریف کرد؟
      و همچنین اینکه در جوملا در تنظیمات میشد صفحه آفلاین تعریف کرد و کاربران با لاگین کردن وارد صفحه اصلی سایت میشدند در وردپرس چطور میشه این کار رو انجام داد؟
      تشکر می کنم اگر کسی سر در میاره یه توضیح مختصر بده
    • توسط ashkan91
      با سلام و خسته نباشید
      دوستان کسی میدونه چطور میشه فیلد ایمیل رو از تو فرم تسویه حساب ووکامرس غیرضروری کرد؟ (بدون استفاده از افزونه) یکی از دوستان این لینک رو فرستادن اما نمیدونم کدام تکه کد از این صفحه را میبایست درون کدهای سایت قرار بدم که مشکل حل بشه؟
      https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/#example-make-phone-number-not-required
    • توسط aiinaz
      سلام دوستان 
       برای فونت من از @font face استفاده کردم تا فونتی که لازم دارم اعمال بشه اما نمی دونم چرا هر دفعه که صفحه رفرش میشه برای چند ثانیه فونت تغییر میکنه؟!!!! از نظر ادرس دهی هم درست انجام دادم و بعضی از فونت ها کلا اعمال نمیشه با اینکه روی سیستمم دارم؟!!!
    • توسط seosec
      سلام دوستان وقت بخیر ما یک سایت داریم قبلا توسط یک نفر طراحی شده و دگ پشتیبانی نمیشه.میخاییم خودمان پشتیبانی را انجام بدیم قصد داریم افزونه ووکامرس از ساست ژاکت بخریم فقط نمیدوینم با قالب ما سازگار هست یا نه؟اسم قالب سایت هم نمیدونیم!! سایت ما در زمینه اموزش امنیت اطلاعات میباشد!کسی میتونه راهنمایی کنه؟؟ ادرس سایت seosec.ir