مشکل در عملکرد کدهای جی کوئری

[صالح غلامیان]

درود

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

به کدهای زیر نگاه کنید!

این یک باکس نبلیغات هستش که در هدر قرار میگیرد

کد:

<div class="body_wrapper">
<div class="secondone4">
<div class="wide_banner_box2">
<div class="wide_banner_box">
<div class="add_pic"></div><div class="close_this"></div>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
</div></div></div>

این هم یک کد ساده برای بستن تبلیغات است که با کلیک بر روی دکمه ی مربوطه تبلیغات بسته شود که باید در هدر اینکلود قرار بگیرد

کد:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
            $(document).ready(function(){
            
            $(".close_this").click(function(){
            $(".wide_banner_box,.wide_banner_box2").slideUp();
            

            });
            });
</script>

در کد بالا .close_this نام کلاسی هست که با کلیک روی اون دستور باید اجرا بشه
و wide_banner_box,.wide_banner_box2 نام کلاسی هایی هست که با کلیک بر روی .close_this باید بسته شود

و کد

کد:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

هم که برای فراخوانی کتابخانه جی کوئری هستش.

من کد اول را در هدر قرار میدم یعنی این:

کد:

<div class="body_wrapper">
<div class="secondone4">
<div class="wide_banner_box2">
<div class="wide_banner_box">
<div class="add_pic"></div><div class="close_this"></div>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
<a href=""><img width="468" height="60" alt="" src="http://mybbiran.com/ads/kr4t_b2.gif""></a>
</div></div></div>

و اما مشکل بر سر کد دوم هست یعنی این:

کد:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
            $(document).ready(function(){
            
            $(".close_this").click(function(){
            $(".wide_banner_box,.wide_banner_box2").slideUp();
            

            });
            });
</script>

که باید در هدر اینکلود قرار بگیرد.

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

کد:

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>

مشکلی که ایجاد میکند هم کار نکردن قابلیت آژاکس مثل پاسخ سریع یا سپاس و... میباشد یعنی کلا آژآکس دیگه عمل نمیکنه

مشکل من هم بر سر همین است من این کد بستن تبلیغات را اگر قبل از prototype قرار بدم کار نمیکنه و اگر بعد از prototype قرار بدم کار میکنه ولی دیگه قابلیت آژاکس در انجمن از بین میره.


خوب سوال و مشکلمو خیلی واضح توضیح دادم میخوام بدونم برای حل ایبن مشکل چه کار باید کنم؟

پ.ن = این مشکل تنها بر سر همین کد باکس نیست هر کد جی کوئری دیگه ای هم بخواهم اضافه کنم همین مشکل را دارد

پ.ن= من این مشکل را تنها در انجمن ساز مای بی بی دیدم

[mellat]

از این کد استفاده کنید :

کد:

$.noConflict();
            $(document).ready(function(){
            
            $(".close_this").click(function(){
            $(".wide_banner_box,.wide_banner_box2").slideUp();
            

            });
            });

[صالح غلامیان]

سپاس از شما ولی اینو کجا قرار بدم؟ در هدر اینکلود هرجا که قرار دادم کار نکرد فقط یک خط کد به بالای هدر اضافه شد!

[Hamed]

فکر کنم ولی مشکل از چیز دیگری باشه

[صالح غلامیان]

فکر کنم ولی مشکل از چیز دیگری باشه

درود
پس از چی میتونه باشه؟
من به جز این چندین کد جی کوئری دیگه را روی چندین قالب از جمله قالب دیفالت تست کردم ولی همین مشکل پا برجا بود اگ قبل از prototype قرار بدیم کار نمیکنه و اگه بعدش قرار بدیم آزاکس از کار میافته

[Hamed]

سلام
اولا این کدی که دوستمون گفتید باید در تگ <script> قرار بگیرد برای همین شما فقط متن را می بینید.
بعد از آن بهتره از فریم ورک خود MyBB استفاده کنید برای این کار هم میشه هم از toggle استفاده کرد اما اگر slideup می خواهید باید از up استفاده کنید.
دوم بهتره id برای div هاتون انتخاب کنید که خیلی بهتر هم برای jQuery هم برای فریم ورک MyBB

بد نیست
http://prototypejs.org/doc/latest/dom/El...index.html
را هم بخونید

[صالح غلامیان]

درود

اولا این کدی که دوستمون گفتید باید در تگ <script> قرار بگیرد برای همین شما فقط متن را می بینید.

همین کار را کردم ( در تگ <script> قرار دادم ) .

بعد از آن بهتره از فریم ورک خود MyBB استفاده کنید برای این کار هم میشه هم از toggle استفاده کرد اما اگر slideup می خواهید باید از up استفاده کنید.
دوم بهتره id برای div هاتون انتخاب کنید که خیلی بهتر هم برای jQuery هم برای فریم ورک MyBB

فقط میتونم بگم هیچ چیزی متوجه نشدم

[صالح غلامیان]

مشکل بر سر ناسازگاری مای بی بی با جی کوئری مربوطه بود که توسط GreyWolf عزیز حل شد

مای بی بی دیگه سر ناسازگار داره