جستجو در انجمن

در حال نمایش نتایج برای برچسب های 'جی کوئری'.

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


انجمن ها

  • بخش وردپرس
    • وردپرس
    • افزونه ها
    • پوسته ها
    • فروشگاه سازها
  • بازارچه
    • بخش خرید و فروش
    • بازار کار
  • دیگر
    • بخش برنامه نویسی
    • بحث آزاد
  • بایگانی
    • بایگانی

پیدا شد 40 نتیجه

  1. سلام و درود دوستان گرامی ، کسی میدنه چطور باید از datepicker فارسی استفاده کنم؟ من طبق این مقاله آموزشی انجام دادم اما هیچی نشون نمیده؟! با تشکر و سپاس
  2. سلام و درود دوستان گرامی ، میخوام با فشردن هر کدوم از کلیدهای کیبورد ، width یک تگ div خاص رو هربار 5 پیکسل افزایش بدم. کد زیر رو خودم نوشتم ولی کار نمیکنه. var barWidth = $("#run-bar").width(); var barwidthplus = barWidth++; $("form#home-search-form input[type='text']").keypress(function() { barwidthplus++; alert(barwidthplus); $("#run-bar").css('width', 'barwidthplus + %'); }); با تشکر و سپاس
  3. سلام و درود دوستان گرامی ، چطوری میشه کدهای جاوا اسکریپت و جی کوئری در فایل js رو به وسیله php یا توابع وردپرس داینامیک کنیم. مثلا یه متغیر در فایل js دارم که میخوام از طریق php یا توابع وردپرس هر بار که خواستم یک مقدار رو اختصاص بدم. با تشکر و سپاس
  4. سلام و درود دوستان گرامی ، تا زمانی که فایل جاوا اسکریپت سایت کامل لود بشه ، آیتم های منو بخصوص اونهایی که زیر منو دارن کامل باز میمونن و منو بهم میریزه. خیلی تلاش کردم که درستش کنم اما نمیشه. کسی به همچین مشکلی برخورده که بتونه به من کمک کنه؟ اگه نیاز هست کدهای اسکریپتی و php منو رو ارسال کنم توی تاپیک. با تشکر و سپاس
  5. سلام و درود دوستان گرامی ، یه منو برای حالت موبایل ساختم که بنظرم خودم کدهاش کاملا درسته اما نمیدونم چرا وقتی روی li دوم از ul دوم هم کلیک میکنم. فرقی نمیکنه و تمام منو بسته میشه. لطفا ویدئو رو ببینید حتما متوجه منظورم میشید. حجم ویدئو 40 کیلوبایت هست. کدهای جی کوئری: $("span.mobile-nav-toggle").click(function() { $("nav#mobile-nav > ul").slideToggle(400); }); $("ul.mobile-nav-ul > li:has(ul)").addClass('dropdown'); $("ul.mobile-ul-1 > li:has(ul)").addClass('dropdown'); $("ul.mobile-nav-ul > li.dropdown").click(function() { $(" > ul.mobile-ul-1", this).slideToggle(400); }); $("ul.mobile-ul-1 > li.dropdown").click(function() { $(" > ul.mobile-ul-2", this).slideToggle(400); }); nav menu.webm با تشکر و سپاس
  6. سلام و درود دوستان گرامی، مدتی هست که می خوام به وسیله جی کوئری به after یا before یک تگ دسترسی داشته باشم ولی نمیدونم از چه کد و روشی باید کمک بگیرم. سایت های خارجی هم زیر و رو کردم مشکل مشابه من هست ولی نتونست به من کمک کنه. با تشکر و سپاس
  7. سلام ودرود دوستان گرامی، من یه منوی بازشونده به صورت slideDown برای دسته محصولاتم کدهای جی کوئری زیر رو نوشتم. و برای هر کدام یک بار کدها رو تکرار کردم. آیا راه حل بهتری وجود داره که این کدهای جی کوئری رو خلاصه تر و حرفه ای تر بنویسم؟
  8. سلام و درود دوستان گرامی، چه روشی برای دریافت مقدار یک متغیر به صورت درصدی وجود داره؟ مثلا میدونم که تابع parseFloat() مقدار صحیح یک متغیر رو بر میگردونه. با تشکر و سپاس
  9. سلام و درود دوستان گرامی ، من یه منو نوشتم که می خوام border-bottom آخرین تگ a در هر کدام از زیر منوها رو با تابع last() در جی کوئری حذف کنم. البته حذف می شه اما به این صورت که آخرین منویی که دارای زیر منو هست border تگ a رو حذف میکنه. و برای منوهای قبلی border-bottom وجود داره. لطفا راهنمایی کنید. var lasta = "li.dropdown > ul > li > a"; $(lasta).last().css('border-bottom', 'none');
  10. سلام و درود دوستان گرامی ، علت پرش صفحه زمان hover شدن موس روی یک div در جی کوئری چیه؟ $(".box #a-x").hover(function() { $('#x-img').stop().fadeIn('400'); }, function() { $('#x-img').stop().fadeOut('300'); }); $(".box #a-y").hover(function() { $('#y-img').stop().fadeIn('400'); }, function() { $('#y-img').stop().fadeOut('300'); }); البته بیش تر از این تعداده حدود 7 تگ هستش. لطفا راهنمایی کنید. با تشکر و سپاس
  11. سلام و درود دوستان گرامی، تصویر زیر رو به این صورت کد نویسی کردم که برای هر کدام از محصولات یه تگ a قرار دادم و به هر تگ a یه id خاص اختصاص دادم. با جی کوئری اومدم گفتم که هر وقت روی اولین محصول کلیک شد تصویر و متنی که مربوط اون هست رو نمایش بده. مثلا گفتم که تگ img با آی دی img-1 و تگ P با آی دی P-1 مربوط به محصول یک هستند. اما به صورت زیر کدها رو نوشتم و میدونم توی داینامیک کردن به مشکل می خورم می خوام بدونم روش بهتری وجود داره؟ <div class="img-box"> <img id="img-1" src="image/x1.jpg" alt="تصویر محصول یک"> <img id="img-2" src="image/x2.jpg" alt="تصویر محصول دو"> <img id="img-3" src="image/x3.jpg" alt="تصویر محصول سه"> </div> <div class="p-box"> <p id="p-1">متن محصول یک</p> <p id="p-2">متن محصول دو</p> <p id="p-2">متن محصول سه</p> </div> <div class="products"> <a id="a-1" href="#">محصول یک</a> <a id="a-2" href="#">محصول یک</a> <a id="a-3" href="#">محصول یک</a> </div> کدهای جی کوئری $("#a-1").hover(function() { $('#img-1').fadeIn('400'); $('#p-1').fadeIn('400'); }, function() { $('#img-1').fadeOut('300'); $('#p-1').fadeOut('300'); }); $("#a-2").hover(function() { $('#img-2').fadeIn('400'); $('#p-2').fadeIn('400'); }, function() { $('#img-2').fadeOut('300'); $('#p-2').fadeOut('300'); }); $("#a-3").hover(function() { $('#img-3').fadeIn('400'); $('#p-3').fadeIn('400'); }, function() { $('#img-3').fadeOut('300'); $('#p-3').fadeOut('300'); }); با تشکر و سپاس
  12. سلام و درود دوستان گرامی ، من می خوام دستور شرطی رو بنویسم که اگر یک تگ دارای child بود به اون تگ ، یک تگ span اضافه کنه. خیلی تلاش کردم یه چیزهایی هم نوشتم ولی به نتیجه نرسیدم. لطفا راهنمایی کنید. با سپاس و تشکر
  13. سلام و درود دوستان گرامی یه مشکل در منوی سایت پیش اومده وقتی میرم روی منوی محصولات زیر منو چندین بار خود به خود باز و بسته میشه. کدها و ویدئو رو هم میزارم لطفا کمک کنید. <nav> <ul> <li> <a href="#">صفحه اصلی</a> </li> <li class="dropdown"> <a href="#">محصولات</a> <ul> <li> <a href="#">محصول یک</a> </li> <li> <a href="#">محصول دو</a> </li> <li> <a href="#">محصول سه</a> </li> <li> <a href="#">محصول چهار</a> </li> </ul> </li> <li> <a href="#">نمونه کارها</a> </li> <li> <a href="#">درباره ما</a> </li> <li> <a href="#">تماس با ما</a> </li> </ul> </nav> nav { background-color: #616161; text-align: center; border-bottom: 2px solid #333333; } nav > ul > li { display: inline-block; list-style: none; color: #fff; font-size: 12px; } nav > ul > li > a { color: #fff; display: block; padding: 10px 20px; font-size: 12px; transition: all .5s; } nav > ul > li > a:hover, li.dropdown > ul > li > a:hover { background-color: #555555; color: #deb887; } nav > ul > li > ul > li { list-style: none; text-align: right; } nav > ul > li > ul > li > a { color: #fff; } li.dropdown { position: relative; } li.dropdown > ul { position: absolute; width: 150px; background-color: #616161; right: 0px; top: 106%; border-bottom: 2px solid #333333; display: none; } li.dropdown > ul > li > a { margin: 10px auto; display: block; padding: 10px 20px; } $("li.dropdown").hover(function() { $(" > ul", this).slideDown('slow'); }, function() { $(" > ul", this).slideUp('slow'); }); با تشکر و سپاس Video-Sun-Dec-16-2018-22-56-36.webm
  14. سلام و درود دوستان گرامی ، من یک منو دارم که می خوام هر بار که روی یکی از li ها کلیک کردم کلاس active به اون اضافه بشه. ولی روی هرکدوم کلیک میکنم تمام li ها کلاس active رو می گیرن. لطفا راهنمایی کنید. این کد رو نوشتم ولی اشتباهه. $("ul.icon-div-ul li").click(function() { $("ul.icon-div-ul li").addClass('active'); }); با تشکر و سپاس
  15. سلام و درود دوستان گرامی من با تابع addclass در جی کوئری به مشکل خوردم. می خوام کلاس buy-butt رو به یک تگ a خاص اضافه کنم اما جواب نمیده!؟ $( ".package-info .textwidget p a" ).addClass( "buy-butt" );
  16. سلام و درود دوستان من یه سری کد نوشتم که توی یه گالری تصاویر استفاده میشه. متاسفانه برای هر تصویر باید این کدها تکرار بشه و خوب توی داینامیک کردن با وردپرس قطعا به مشکل میخورم. می خواستم بدونم راهی وجود داره که من این کدهای جی کوئری رو طوری بنویسم که با اضافه کردن هر توصویر کدهای جی کوئری رو اتوماتیک اضافه کنه؟ ممنون. کدهای html: <table id="gallery"> <tr> <td> <div class="image"> <img src="images/img1.jpg" alt="" id="img1"> </div> </td> <td> <div class="image"> <img src="images/img2.jpg" alt="" id="img2"> </div> </td> <td> <div class="image"> <img src="images/img3.jpg" alt="" id="img3"> </div> </td> </tr> <tr> <td> <div class="image"> <img src="images/img4.jpg" alt="" id="img4"> </div> </td> <td> <div class="image"> <img src="images/img5.jpg" alt="" id="img5"> </div> </td> <td> <div class="image"> <img src="images/img6.jpg" alt="" id="img6"> </div> </td> </tr> </table> <div id="bigimage"> <div id="close"></div> <img src="" alt=""> <div id="next"></div> <div id="prev"></div> </div> کدهای css: .image:hover { cursor: pointer; } .image img { border: 2px solid #333; border-radius: 5px; } .image:hover img { transform: scale(0.98); } #bigimage { height: 100vh; width: 100%; background-color: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; display: none; } #bigimage img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 5px; } #bigimage #close { height: 40px; width: 45px; position: sticky; top: 30px; right: 40px; background: transparent url('../images/cancel.png') no-repeat center center /contain; background-size: 24px; } #bigimage #close:hover { cursor: pointer; } #next { height: 100px; width: 30px; background: transparent url('../images/arrow_right.png') no-repeat center center /contain; background-size: 32px; line-height: 100px; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); } #next:hover { cursor: pointer; } #prev { height: 100px; width: 30px; background: transparent url('../images/arrow_left.png') no-repeat center center /contain; background-size: 32px; line-height: 100px; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); } #prev:hover { cursor: pointer; کدهای جی کوئری: $(document).ready(function() { flag=0; $("#img1").click(function() { $("#bigimage").fadeIn(); $("#bigimage img").attr('src', 'images/img1.jpg'); flag=1; }); $("#img2").click(function() { $("#bigimage").fadeIn(); $("#bigimage img").attr('src', 'images/img2.jpg'); flag=2; }); $("#img3").click(function() { $("#bigimage").fadeIn(); $("#bigimage img").attr('src', 'images/img3.jpg'); flag=3; }); $("#img4").click(function() { $("#bigimage").fadeIn(); $("#bigimage img").attr('src', 'images/img4.jpg'); flag=4; }); $("#img5").click(function() { $("#bigimage").fadeIn(); $("#bigimage img").attr('src', 'images/img5.jpg'); flag=5; }); $("#img6").click(function() { $("#bigimage").fadeIn(); $("#bigimage img").attr('src', 'images/img6.jpg'); flag=6; }); $("#close").click(function() { $("#bigimage").fadeOut(); }); $("#next").click(function() { if (flag==1) { $("#bigimage img").attr('src', 'images/img1.jpg'); flag=2; } else if (flag==2) { $("#bigimage img").attr('src', 'images/img2.jpg'); flag=3; } else if (flag==3) { $("#bigimage img").attr('src', 'images/img3.jpg'); flag=4; } else if (flag==4) { $("#bigimage img").attr('src', 'images/img4.jpg'); flag=5; } else if (flag==5) { $("#bigimage img").attr('src', 'images/img5.jpg'); flag=6; } else if (flag==6) { $("#bigimage img").attr('src', 'images/img6.jpg'); flag=1; } }); $("#prev").click(function() { if (flag==1) { $("#bigimage img").attr('src', 'images/img6.jpg'); flag=6; } else if (flag==2) { $("#bigimage img").attr('src', 'images/img1.jpg'); flag=1; } else if (flag==3) { $("#bigimage img").attr('src', 'images/img2.jpg'); flag=2; } else if (flag==4) { $("#bigimage img").attr('src', 'images/img3.jpg'); flag=3; } else if (flag==5) { $("#bigimage img").attr('src', 'images/img4.jpg'); flag=4; } else if (flag==6) { $("#bigimage img").attr('src', 'images/img5.jpg'); flag=5; } }); });
  17. سلام و دورود دوستان من یه اسلایدر ساختم که متاسفانه بخش جی کوئری و کدهای جاوا اسکریپت کار نمیکنه!؟ ممنون کد جاوا اسکریپت: $(document).ready(function(){ $("a:nth-child(1)").css("background-color","white"); $("#circle1").click(function(){ $("#slider").animate({'left':'5%'},500); $("#data").fadeIn(700); $("#data2,#data3,#data4").fadeOut(500); $(".line").animate({'left':'60%'}); $("a:nth-child(1)").css("background-color","white"); $("a:nth-child(2),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle2").click(function(){ $("#slider").animate({'left':'-30%'},500); $("#data2").fadeIn(700); $("#data,#data3,#data4").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(2)").css("background-color","white"); $("a:nth-child(1),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle3").click(function(){ $("#slider").animate({'left':'-190%'},500); $("#data3").fadeIn(700); $("#data,#data2,#data4").fadeOut(500); $(".line").animate({'left':'55%'}); $("a:nth-child(3)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(4)").css("background-color","black"); }); $("#circle4").click(function(){ $("#slider").animate({'left':'-240%'},500); $("#data4").fadeIn(700); $("#data,#data2,#data3").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(4)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(3)").css("background-color","black"); }); }); site_4.zip
  18. سلام و درود دوستان گرامی، من می خوام کدی رو معرفی بفرمایید که وقتی روی تصویر شاخص در یک پست کلیک میکنم تصویر در سایز بزرگ به صورته آنچه که در سایت زیر مشاهده می فرمایید به نمایش در بیاد. سپاس و تشکر. نمونه سایتی که گفتم.
  19. با عرض سلام من سایتم رو طبق اموزش هایی که گزاشته بودن و مطالبی که خوندم تو انجکن چون با کلمه کلیدی من تو صفحه گوگل نمیومد بهینه کردم طبق فرمایش یکی از دوستان با gtmrtix بعد از اینکه بهینه کردم و کار تموم شد دیگه قالب درست کار نمیکنه مثلا اسلایدر هدر کار نمیکنه اسلایدر وبلاگ از کار افتاده ایکون هام حذف شدن و تو موبایل هم علاوه بر اینا بعضی دکمه ها کثل فهرست ها دیگه باز نمیشه و کار نمیکنه سرچ کردم فهمیدم از جی کوئری هست ولی چون هیچی از کد نویسی نمیدونم کسی هست بتونه کمکم کنه که مشکلم حل بشه لطفا با سپاس [visabook . [ir
  20. سلام دوستان چطوری میتونم با کلیک کردن بر روی یه دکمه محتویات همون صفحه رو در قالب html ذخیره کنم؟
  21. دوستان سلام لطفا به لینک زیر بروید و انیمیشن لوگوی سایت در گوشه بالا سمت چپ و همینطور وسطای صفحه انیمیشن عکسهایی که روی هم قرار گرفتن رو نگاه کنید. خیلی خلاقانه وزیباست. https://layerslider.kreaturamedia.com/ کسی میتونه راهنمایی کنه این افکت زیبا چطور ایجاد میشه؟ خیلی ممنون و سپاسگذار
  22. سلام دوستان، من از ووکامرس استفاده میکنم و برای نمایش عکس محصولات افزونه خاصی نصب نکردم و فقط از امکانات پیش فرض ووکامرس استفاده کردم. نحوه درست نمایش عکس محصولات اینه که، مثلا محصولی یک عکس شاخص یا چند عکس به صورت آلبوم داره، و وقتی روی هر کدوم کلیک بکنی بدون اینکه صفحه جدیدی باز بشه عکس بزرگ تر در همون صفحه توی یه کادری نمایش پیدا میکنه... مشکلم اینه که تازگی ها وقتی روی عکس ها کلیک میکنم، عکس رو نمایش میده ولی چند ثانیه بعدش کادر بسته میشه و به آدرس عکس منتقل میشه. برای مثال اینجا میتونید ببینید. روی عکس شاخص یا هر کدوم از عکسهای آلبوم محصول کلیک کنید همونجوری میشه. خودم احتمال میدم یه تداخلی بین کدهای jquery , javascript بوجود اومده ولی مشخص نیست چیه؟... ممنون میشم دوستان یه راهنمایی بکنن.
  23. سلام به همه دوستان من در پست های وب سایتم یه دکمه گذاشتم که وقتی روش کلیک میشه یه اینپوت تکست کنارش میاد و هیچ مشکلی در این بابت نیست اما وقتی پست داخل حلقه قرار میگیره و برای مثال تعدادش به 10 میرسه وقتی روی دکمه کلیک کنم قاطی میکنه چون که میخواد همه کلاس ها رو اینپوت ظاهر کنه چکار کنم که وقتی یه متن یا چیزی کلیک شد تنها اینپوت کنار اون ظاهر بشه نه همه!؟
  24. سلام به همه دوستان من اگه بخوام یه تگ آپلود فایل با یه باکس بزارم هنگامی که عکسی انتخاب میشه تو اون باکس نشون بده و دوباره روی تگ کلیک کنم و کنسل کنم که قاعدتا فایل انتخابی پاک میشه و باید در اون باکس هم پاک بشه ای چیزی که من میخوام چند خطی کد نیازه اما مورد مهمش اینه اگه بخوام از این کپی بگیرم و به 6 تا اضافه کنم نمی تونم به صورت داینامیک کدشو بزنم بلکه باید دوباره برای هر کدوم آیدی و کلس مجزا استفاده کنم از نو فراخونی کنم راهی هست که هر چند تا تگ فایل و باکس کپی بگیرم یا همون یه دستور اول ست در بیاد و نیاز نباشه چند بار کد های جی کوئری رو کپی کنم!؟
  25. سلام به کمکتون نیاز دارم. به مشکل خوردم برای اضافه کردن یک فایل جاوا اسکریپت برای ایجاد اسلاید شو (owl-carousel) در تم وردپرس. این تم html بوده که درحال تبدیل اون به تم وردپرس هستم. کد جاوااسکریپت: این کد رو کجا باید قرار بدم که مشکل اسلایدشو حل بشه؟ <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> آدرس دهی در فانکشن وارد کردم: این درسته که میتونم کدهای جاوا اسکریپت و توی فوتر قرار بدم و بعد از طریق فانکشن یا حالا هر روش دیگه ای اونا رو فراخونی کنم که دیگه همچین مشکلی پیش نیاد؟ <?php function insert_style() { wp_enqueue_style('zerogrid' , get_template_directory_uri().'/assets/css/zerogrid.css'); wp_enqueue_style('style' , get_template_directory_uri().'/assets/css/style.css'); wp_enqueue_style('responsiveslides' , get_template_directory_uri().'/assets/css/responsiveslides.css'); wp_enqueue_style('font-awesome-min' , get_template_directory_uri().'/assets/font-awesome/css/font-awesome.min.css'); wp_enqueue_style('owl-carousel' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.css'); wp_enqueue_style('owl-theme' , get_template_directory_uri().'/assets/owl-carousel/owl.theme.css'); wp_enqueue_style('menu' , get_template_directory_uri().'/assets/css/menu.css'); //add scripts wp_enqueue_script('jquery183-min' , get_template_directory_uri().'/assets/js/jquery183.min.js'); wp_enqueue_script('script' , get_template_directory_uri().'/assets/js/script.js'); wp_enqueue_script('jquery-latest-min' , get_template_directory_uri().'/assets/js/jquery-latest.min.js'); wp_enqueue_script('responsiveslides-min' , get_template_directory_uri().'/assets/js/responsiveslides-min.js'); wp_enqueue_script('owl-carousel-min' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.min.js'); } add_action('wp_enqueue_scripts' , 'insert_style'); ?> خطایی که با بررسی inspect element متوجه شدم اینه که اصلا فایل owl-carousel.js خونده نمیشه. ممنون.