unid_user

جی کوئری
اضافه کردن دکمه مشاهده بیشتر load more

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

سلام و درود

دوستان گرامی، می خوام با کلیک کردن روی یه تگ a هر بار سه تا از تگ های div که کلاس items رو دارن نمایش داده بشه یا به اصطلاح laod بشه.

شبیه این دکمه توی سایت ها زیاد دیدم و لی آموزش هایی که دربارش هست برای من زیاد مناسب نیست و نتونستم درست کنم.

با تشکر و سپاس

0

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


لینک به پست

دوستان کمک کنید لطفا.

0

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


لینک به پست
در در 7/4/2019 at 22:12، unid_user گفته است :

دوستان کمک کنید لطفا.

درود

از قالبم یه تیکه کد که مربوط به بارگذاری میشه رو پیدا کردم و زیاد از کداش سر در نمیارم ببین بدردت میخوره یا نه!

<a class="av-masonry-pagination av-masonry-load-more" href="#load-more" data-ids="4671,4670,4669,4668,4667,4698,4693,4699,4694,4700,4695,4701,4696,4702,4697" data-action="" data-link="category" data-post_type="post, page, attachment, revision, nav_menu_item, custom_css, customize_changeset, oembed_cache, user_request, wp_block, portfolio, avia_framework_post" data-items="10" data-size="flex" data-gap="large" data-overlay_fx="bluronhover" data-animation="active" data-offset="0" data-container_links="active" data-container_class="av-masonry-gallery  " data-paginate="load_more" data-caption_elements="title" data-caption_display="on-hover" data-caption_styling="overlay" data-wc_prod_visible="" data-prod_order_by="" data-prod_order="" data-sort="no" data-columns="flexible" data-auto_ratio="1.7" data-set_breadcrumb="1" data-custom_markup="" data-query_orderby="date" data-query_order="DESC" data-color="" data-custom_bg="" data-custom_class="" data-orientation="" data-date_filter="" data-date_filter_start="" data-date_filter_end="" data-date_filter_format="yy/mm/dd" data-avno="a19f8d9730" style="visibility: visible; opacity: 1;">بارگذاری موارد بیشتر</a>

 

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Neon_63
      سلام، من یه سایتی دارم، فروشگاهی، وقتی روی افزودن به سبد خرید (در صفحه اصلی) کلیک میکنم، به طور کامل یه سبد خرید اضافه میشه، ولی در سبد خریدی که در منو کار گذاشتم هیچ تغییری نمیکنه، چجوری باید اینکارو بکنم؟
      آدرس سایتم: رصد بوک
      https://rasadbook.store
      قالبش هم خودم نوشتم
      از ووکامرس هم استفاده کردم
    • توسط SadraHkm
      سلام دوستان
      امیدوارم حالتون خوب باشه
      لطفا یه نگاهی به کد زیر بندازید
      <p>Paragraph 1</p> <p>Paragraph 2</p> <p>Paragraph 3</p> <p>Paragraph 4</p> <button id="calcBtn">Calculate</button> <div id="result"></div> <script> $(window).ready(function () { $('#calcBtn').click(function (e) { $('p').each(function () { $(this).css('color','rgb('+ rand(0,255) +','+ rand(0,255) +','+ rand(0,255) +')'); $('#result').append($(this).html()); // ----------------- This Code : //$('#result').append($(this)); }) }); }) </script> در اون قسمتی از کد که دارم محتوی کدهای پاراگراف رو به تگ div اضافه میکنم یه سوالی ذهن منو مشغول کرده.
      اگر همین کدی که الان هست رو اجرا کنیم، جی کوئری هربار توی حلقه رنگ تگ اصلی رو تغییر میده و یه کپی از اون پاراگراف میگیره و اضافه میکنه به div.
      ولی اگه اون تکه کدی که کامنت هست رو با اون خط جایگزین کنیم، میاد و هر بار کلا تگ پاراگراف رو برمیداره و اضافش میکنه به div. یعنی دیگه کپی ازش نمیگیره و دیگه تگ های p اون بالا باقی نمیموند.
      میخواستم ببینم آیا من درست فهمیدم ؟ یا مشکلی توی کد هست که اینجوری اجرا میشه ؟!
      باتشکر فراوان
       
    • توسط ariux
      سلام دوستان ، من با استفاده از این مقاله اقدام به تعبیه ورود و ثبت نام در سایتم کردم ، اما با مشکلی رو به رو شدم .
      مشکل در واقع این هستش که فرم به خوبی کار میکنه و کاربر ورود ؛ و یا ثبت نام رو انجام میده اما صفحه به صورت اتوماتیک ری لود / ری فرش نمیشه تا اطلاعات کاربر لاگین شده رو نمایش بده .
      البته بعد از ری فرش صفحه توسط بروزر اطلاعات کاربر نمایش داده میشه اما مشکل همینجاست که ری لود باید اتوماتیک انجام بشه و نه توسط کاربر . 
      مورد عجیب اما این هستش که تمام مواردی که عرض کردم روی سایت آنلاین بروز پیدا میکنه و روی نسخه لوکال که توسط wamp ایجاد شده ، تمام موارد بدون کوچکترین مشکلی کار میکنند و جواب میدهند .
      این کدهایی هستش که بنده کمی شخصی سازیشون کردم اینجا قرار میدم ، امیدوارم دوستی بتونه کمک بکنه 
       
      function auth_user_login($user_login, $password, $login) { $info = array(); $info['user_login'] = $user_login; $info['user_password'] = $password; $info['remember'] = (isset( $_POST['rememberme'] ) && true == $_POST['rememberme'] ? true : false); $userdata = get_user_by('login', $info['user_login']); $result = wp_check_password($info['user_password'], $userdata->data->user_pass, $userdata->data->ID); if ( $result ) { auto_login( $userdata ); echo json_encode(array('loggedin'=>true, 'message'=>__('ورود موفقیت امیز بود ، در حال بارگذاری'))); } else { echo json_encode(array('loggedin'=>false, 'message'=>__(' اطلاعات وارد شده نادرست می باشد! '))); } die(); } function auto_login( $user ) { if ( !is_user_logged_in() ) { $user_id = $user->data->ID; $user_login = $user->data->user_login; wp_set_current_user( $user_id, $user_login ); wp_set_auth_cookie( $user_id ); } }  
      jQuery(document).ready(function ($) { // Display form from link inside a popup $('#pop_login, #pop_signup').on('click', function (e) { formToFadeOut = $('form#register'); formtoFadeIn = $('form#login'); if ($(this).attr('id') == 'pop_signup') { formToFadeOut = $('form#login'); formtoFadeIn = $('form#register'); } formToFadeOut.fadeOut(100, function () { formtoFadeIn.fadeIn(); }) return false; }); // Display lost password form $('#pop_forgot').click(function(){ formToFadeOut = $('form#login'); formtoFadeIn = $('form#forgot_password'); formToFadeOut.fadeOut(100, function () { formtoFadeIn.fadeIn(); }) return false; }); // Close popup $(document).on('click', '.close-any, .close', function () { $('form#login, form#register, form#forgot_password').fadeOut(100, function () { $('.close-any').remove(); }); return false; }); // Show the login/signup popup on click $('#show_login, #show_signup').on('click', function (e) { $('[canvas]').prepend('<div class="close-any"></div>'); if ($(this).attr('id') == 'show_login') $('form#login').fadeIn(100); else $('form#register').fadeIn(100); e.preventDefault(); }); // Perform AJAX login/register on form submit $('form#login, form#register').on('submit', function (e) { if (!$(this).valid()) return false; $('p.status', this).show().text(auth_script_object.loadingmessage); action = 'ajaxlogin'; username = $('form#login #username').val(); firstName = ''; lastName = ''; rememberme = ''; email = ''; password = $('form#login #password').val(); security = $('form#login #security').val(); if ($(this).attr('id') == 'register') { action = 'ajaxregister'; username = $('#signonname').val(); firstName = $('#signonfirstname').val(); lastName = $('#signonlastname').val(); password = $('#signonpassword').val(); email = $('#email').val(); security = $('#signonsecurity').val(); } ctrl = $(this); $.ajax({ type: 'POST', dataType: 'json', url: auth_script_object.ajaxurl, data: { 'action': action, 'username': username, 'password': password, 'email': email, 'firstName': firstName, 'lastName': lastName, 'security': security }, success: function (data) { $('p.status', ctrl).text(data.message); if (data.loggedin == true) { document.location.href = auth_script_object.redirecturl; window.location.reload(true); } } }); e.preventDefault(); }); // Perform AJAX forget password on form submit $('form#forgot_password').on('submit', function (e) { if (!$(this).valid()) return false; $('p.status', this).show().text(auth_script_object.loadingmessage); ctrl = $(this); $.ajax({ type: 'POST', dataType: 'json', url: auth_script_object.ajaxurl, data: { 'action': 'ajaxforgotpassword', 'user_login': $('#user_login').val(), 'security': $('#forgotsecurity').val(), }, success: function (data) { $('p.status', ctrl).text(data.message); } }); e.preventDefault(); return false; }); // Client side form validation if ($("#register").length) $("#register").validate( { rules: { password2: { equalTo: '#signonpassword' } } } ); else if ($("#login").length) $("#login").validate(); if ($('#forgot_password').length) $('#forgot_password').validate(); });  
      ممنون از شما
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، می خوام یه منوی آکاردئونی ساده با جی کوئری ایجاد کنم که وقتی روی هر کدوم از آیتم های منو کلیک میکنی، زیر منوی سایر آیتم ها بسته بشه.
      <nav> <ul id="first-ul"> <li> <a>صفحه اصلی</a> </li> <li> <a>خدمات</a> <ul class="second-ul"> <li> <a>آموزش رباتیک</a> </li> <li> <a>طراحی و ساخت ربات</a> </li> </ul> </li> <li> <a>محصولات</a> <ul class="second-ul"> <li> <a>ربات مسیریاب</a> </li> <li> <a>ربات حل ماز</a> </li> </ul> </li> </ul> </nav> با تشکر و سپاس
    • توسط jistili1
      سلام دوستان.من یک select box دارم و قرار بر اینه که به ازای هر مقدار select box یک div خاص نمایش داده بشه و بقیه div های مربوط به مقادیر دیگر select box مخفی بشن.
      این کد جی کوئری من هست:
      $("#select").change(function(){ if($(this).val()=="empty"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="localref"){ $("#date").css("display","hidden"); $("#localref").css("display","block"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="date"){ $("#date").css("display","block"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="price"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","block"); } if($(this).val()=="number"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","block"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="product"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","block"); $("#price").css("display","hidden"); } if($(this).val()=="refid"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","block"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } }); حالا مشکل من اینجاست که فرض کنید من از توی select box ، مقدار date رو انتخاب کردم.خب تا اینجا درست کار میکنه و div مربوط به date برای من نمایش داده میشه.حالا اگه روی مقدار empty کلیک کنم ، طبق کد باید تمامی div ها مخفی بشن ولی این اتفاق نمیفته.حالا من از select box مقدار date رو انتخاب کردم و div مربوط به date برام نمایش داده میشه اگه بعدش روی گزینه localref کلیک کنم ، div مربوط به localref نمایش داده میشه ولی div مربوط به date مخفی نمیشه.ممنون میشم کمکم کنید که بفهمم مشکل از کجاست.