Minor issues
-
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:
https://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
- The topic ‘Minor issues’ is closed to new replies.