jQueryを使用してWordPressの最後のサイドバーウィジェットをフェードインする方法

9件のコメント返信を残す

1. Roger Perkin

   I am trying to implement this on my site but it’s not working

   2 Questions

   are you able to check my site and verify the sidebar div id?

   Also should the enqueue script be get_stylesheet_directory_uri() . and not get_template_directory

   Thanks – would love to get this working
   Roger

   返信

2. Jonathan

   I was wondering can this be done instead off fade in to fade out an sticky widget??

   返信

   • WPBeginner Support

     Try replacing fadeIn with fadeOut in the JavaScript.

     返信

     管理者

3. Johnny

   Hi I’m trying to implement this on my page and can’t seem to get it working. Added the .js file to my theme directory’s js folder and added it to my functions.php and no fade is showing. Where exactly should I be adding it in my functions.php as it’s a big file.

   I’m using twenty fourteen, and my sidebar ID is “content-sidebar” which I have changed in the .js file. I have a few other widgets in the sidebar so perhaps something is conflicting?

   Any help is appreciated! Thanks.

   返信

   • Johnny

     Here is my .JS Code

     jQuery(document).ready(function($) {
     /**
     * Configuration
     * The container for your sidebar e.g. aside, #sidebar etc.
     */

     var sidebarElement = $(‘div#content-sidebar’);

     // Check if the sidebar exists
     if ($(sidebarElement).length > 0) {

     // Get the last widget in the sidebar, and its position on screen

     var widgetDisplayed = false;
     var lastWidget = $(‘.widget:last-child’, $(sidebarElement));
     var lastWidgetOffset = $(lastWidget).offset().top -100;

     // Hide the last widget
     $(lastWidget).hide();

     // Check if user scroll have reached the top of the last widget and display it
     $(document).scroll(function() {

     // If the widget has been displayed, we don’t need to keep doing a check.

     if (!widgetDisplayed) {
     if($(this).scrollTop() > lastWidgetOffset) {
     $(lastWidget).fadeIn(‘slow’).addClass(‘wpbstickywidget’);
     widgetDisplayed = true;
     }
     }
     });
     }
     });

     返信

   • WPBeginner Support

     Try deactivating all your plugins and see if it works. You can also use inspect element to see if there are any errors.

     返信

     管理者

4. bb

   Hi wpbeginner, I love this tweak and the solution you’ve been giving to the community, thanks a million! I have a question, please, how can I integrate or if there’s a plugin/solution that can be use to query application forms submitted by applicants and the result show come up in the admin dashboard, for instance; how many applicant are below 25yrs? and the plugin should fetch the result from the database and show the relevant details in a nice table format that can be exported to excel. Possible? Please advise. Thanks

   返信

   • Jean Gérard Bousiquot

     You can check Gravity forms for that, but you’ll need to know some PHP. Otherwise you’ll have to pay a developer to help you achieve what you need.

     返信

   • Derek Price

     Isn’t this a bit off topic? Did you do this on purpose? If you have a question for WP staff, why not use the contact feature so you don’t take the blog post off topic?

     返信