WordPress.org

Ready to get started?Download WordPress

Forums

Ajaxify WordPress Site(AWS)
[resolved] Minor issues (6 posts)

  1. errick87
    Member
    Posted 1 year ago #

    Hello Sir,

    I'm currently using your plugin. The plugin is working great, besides some minor issues.
    I will try to specify them as clear as possible and I hope you could help me to solve them.

    1:
    when navigating, it seems like the content is loaded twice.
    The loaded content is blinking shortly for 2 times.

    2:
    I'm using an active class on a page, so if I navigate for instance to contact or biography, then that active page will be highlighted in the Nav menu. This is working fine on almost any browser besides the stock android browser.
    So if I'm on my homepage, the android browser states for example: test.com, but if I click on contact, the page title stay's on test.com
    The page loads, but the title doesn't change to test.com/contact
    Because of this issue, the page will stay highlighted on test.com
    I've tested it on several android phones, so it's not only related to my phone.

    3:
    I use a 'pull menu' to navigate on small phones. This menu is only visible for phones with max screen width of 320px. (If you resize your browser to this dimension you'll see it)
    Javascript code:

    If I click on 'menu' the Nav won't pull down. I've excluded this div in the Ajaxify plugin, but still no result.

    CDATA code that’s generated:

    /* <![CDATA[ */
    var rootUrl = "http:\/\/test.com\/";
    var ids = "#pull a";
    var container_id = "guts";
    var mcdc = "nav-top";
    /* ]]> */

    JS code of pull menu:

    $(function() {
    var pull 	= $('#pull');
    menu 		= $('nav ul');
    menuHeight	= menu.height();
    $(pull).on('click', function(e) {
    e.preventDefault();
    menu.slideToggle();
    });
    $(window).resize(function(){
    var w = $(window).width();
    if(w > 320 && menu.is(':hidden')) {
    menu.removeAttr('style');
    }
    });
    });
    
    $(function() { var pull=$('#pull');menu=$('.nav-top ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle();});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style');}});});

    Html code of pull menu:

    <a href="">Menu</a>

    Demo of the pull menu can be seen here:

    http://media02.hongkiat.com/responsive-web-nav/demo/index.html

    4:
    How can I load Javascripts with Ajaxify?
    I know this is a common problem with Ajax and that you already discussed this issue on your webpage, but it didn’t work for me. I want to load my Gallery plugin only on the gallery page.
    I’ve inserted all the gallery html and Javascripts in a WordPress page but the page only loads correctly without Ajaxify.
    On your website you give a workaround to paste the code that needs to be loaded in the ajaxify.js, but this increases the file size unnecessary as it will load the scripts on every page.
    I only want my gallery, music player or contact page to load only on their own page.

    Many many thanks in advance!

    Greetings,

    Errick

  2. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    1#
    Replace
    .animate({opacity: 0, visibility: "visible"}).animate({opacity: 1},800);
    By
    animate({opacity: 1, visibility: "visible"});
    2# I dont have android phone, yet I am using samsum 1100 model.
    3#

    /* <![CDATA[ */
    var rootUrl = "http:\/\/test.com\/";
    var ids = "#pull a";
    var container_id = "guts";
    var mcdc = "nav-top";
    /* ]]> */

    var ids = "#pull a"; should be var ids = "pull";
    you have to only provide parent ID

    4#
    You can put the code to reload the JS files in condition, this condition will check which page it is and only for a particular page load the js.

  3. errick87
    Member
    Posted 1 year ago #

    1: will solve the dubbel flash, but I will also lose the fade effect.
    So do I get the fade effect back?

    3: changed it to 'pull' , but stay's the same.

    4: Already tried conditional loading on my contact page.
    all working fine when page is loaded directy, but not when loaded from ajax.

    this is the conditial loading for the gallery:

    add_action( 'wp_enqueue_scripts', 'gallery' ); 
    
    function gallery() {
      if ( is_page( array( 'gallery', 'another page' ) ) ) {
         wp_enqueue_script( 'gallery-js', get_template_directory_uri() . '/js/gallery.js', array('jquery'));
      }
    }
  4. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    1: To get fade effect write only:
    .animate({opacity: 1},800);
    3: send me the screen shot of your admin AWS option page form to youngtec@youngtechleads.com
    4: No dear conditional reloading needs in ajaxify.js file not in php file.

  5. errick87
    Member
    Posted 1 year ago #

    1: There is no fade effect.

    3: I've send you the screenshot.

    4: Do you have an example?

    thank you for your collaboration.

  6. manishkrag
    Member
    Plugin Author

    Posted 1 year ago #

    Check the latest version.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic