021

مشکل در لود شدن اسکریپت بعد از infinite scroll

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

سلام

من برای عکسهای پستها یه اسکریپت Hover گذاشتم که به درستی کار میکنه و برای لود شدن پستهای بعدی از پلاگین infinite scroll استفاده کردم . وقتی پستهای بیشتری لود میشه تو صفحه , دیگه اسکریپت hover و Fancybox برای عکسها عمل نمیکنه ... مثل اینکه باید واسه infinite scroll یه callback درست کنم . اماهرکاری کردم نشد .. کسی میتونه کمکم کنه . اینم کد infinite scroll و اسکریپتهایی که باید callback بشن :


$(function(){
var $masonrytt = $('#masonry-container');
$masonrytt.imagesLoaded( function(){
$masonrytt.masonry({
itemSelector: '.mitem',
isAnimated: true,
columnWidth: 1
});
});
$masonrytt.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '.mitem',
loading: {
finishedMsg: 'No more pages to load.'
}
},
// trigger Masonry as a callback
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$masonrytt.masonry( 'appended', $newElems, true );
});
}
);
});


// Hover img
if(!(jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 6)){
// IE sucks at fading PNG's with gradients so just use show hide
// make sure it's not visible to start
jQuery('.hover-content').each(function(){
var overImg = jQuery(this).find('.image-overlay');
jQuery(this).hover(function(){
overImg.stop().fadeIn('fast');
},function(){
overImg.stop().fadeOut('fast');
});
});
}
// fancybox
jQuery(".fancybox").fancybox({
openEffect : 'elastic',
closeEffect : 'elastic'
});

با تشکر

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


لینک به پست

از تابع live (برای نسخه زیر 1.9) و یا تابع on (برای نسخه 1.9 با بالا) استفاده کنید ببینید مشکل حل میشه؟

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط logomaster
      سلام ، من روی یک سایت وردپرسی به تازگی یه قالب (اسکریپت) نصب کردم (اولین بارمه که اسکریپت نصب می کنم)
      قالب رو کاملا نصب کردم بدون هیچ مشکلی. حالا فقط برای ورود به مدیریت وردپرس ، یوزر و پسورد میخواد که نمیدونم از کجا باید اینارو پیدا کنم
      ممنون
       
       
    • توسط 9713
      باسلام. من وردپرس رو نصب کردم و وقتی می خواهم دسته جدید ایجاد کنم به صورت خودکار لود نمی شود و باید صفحه را ریفرش کنم. این را در یک هاست دیگر امتحان کردم مشکل نداشت. می خواستم بپرسم امکان دارد از پایگاه داده باشد یا نیاز باشد در سی پنل چیزی را از سمت هاست فعال نمایند.
      باتشکر
    • توسط IFTHEN
      در حال کد کردن قالبی هستم حالا در قسمت بک پنل و در ایجاد نوشته جدید، فایل های جاوا اسکریپت لود نمی شه و به تبع اون یک سری از آیتم ها از کار می افتن!
      یه بررسی کردم دیدم توی صفحه یک سری از فایل ها درست لود نمی شن! و به عبارت بهتر آدرسشون دچار مشکل شده!
      <link rel='stylesheet' href='http://localhost/user/wp-admin/load-styles.php?c=1&amp;dir=rtl&amp;load%5B%5D=dashicons,admin-bar,buttons,media-views,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menu&amp;load%5B%5D=s,widgets,site-icon,l10n,wp-auth-check,wp-color-picker,farbtastic&amp;ver=4.7' type='text/css' media='all' /> داخل کد بالا عبارت زیر به صورت کد نمایش داده شده و این باعث این اتفاق شده!
      &amp;
      چطور می تونم این مشکل رو رفع کنم؟
       
       
    • توسط pooyacsx
      سلام دوستان
      من یک قالب طراحی کردم با کلی فایل اسکریپت و پوسته حالا مشکلم اینه وقتی افزونه ایی نصب می کنم روی وردپرس افزونه درست بالا نمیاد .اینطور هم که جستجو کردم باید مشکل از کانفیلیکت (conflict) اسکریپت های افزونه با اسکریپت های تم باشه!
      راستش خیلی هم سرچ کردم و دستورالعمل های این سایت هم انجام دادم :
      سایت
      ولی به نتیجه ایی نرسیدم(درست نفهمیدم!!) .
      این کد قسمت لود فایل هام داخل هدر پوستست:
      <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/bootstrap.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/default.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/responsive.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/camera.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/superfish.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/superfish-navbar.css" type="text/css"/> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/superfish-vertical.css" type="text/css"/> <script src="<?php bloginfo('template_url'); ?>/js/jquery.min.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery.mobile.customized.min.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/bootstrap.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery.isotope.min.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery.magnific-popup.min.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/scripts.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery-noconflict.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/bootstrap.min.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/camera.min.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/superfish.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery.mobilemenu.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/jquery.hoverIntent.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/supersubs.js" type="text/javascript"></script> <script src="<?php bloginfo('template_url'); ?>/js/sftouchscreen.js" type="text/javascript"></script> می دونم خیلی کیلویی ریختم ولی خب روش درست لودش رو بلد نبودم .
      ممنون میشم دوستان حرفه ایی وقت بزارند و روش درست لود فایل ها که هم سایت سبکتر بیاد بالا هم مشکل با افزونه ها نداشته باشه را با مثال یادم بدهند.
      ممنون
    • توسط 1Cloner
      دانلود
      سلام این فایل یه اسکریپت جامعه مجازی هست ک من میحام رو وردپرس نصبش کنم ولی بلد نیستم میشه کمکم کنید مررررسی با تصویر یا فیلم باشه که عالی تر میشه سرور محلی میخام باشه ومپ ترجیحا