I am facing jquery errors on my joomla site in which i am using virtue mart but i am loading a jquery from jqueryLoadPlugin, to avoid jquery conflicts & disable virtue mart jquery it works good but when i enable scrollers it again giving me errors.
below i have mentioned the links of the pages, on which i am getting a jquery error for scrollers. kindly guide me what i have to do this to avoid this conflict.
Jquery.noconflict(); is already called on the page.
please need your help:(
Links:
(on the tabs, when you click on the LAtest Projects you will get an slider which stucks.)
http://ple-intl.com/NewUpgrade/
(I call module here in the article it does'not works an where)
http://ple-intl.com/NewUpgrade/index.php/service.html
There are a few things you can try to get this working.
Be sure your script is being pulled into the page, one way to check is by using the 'sources' tab in the Chrome Debugger and searching for the file else in the html head section
Be sure that you've included the other script after you've included jQuery, as it is most certainly dependant upon that.
Check whether jQuery is included properly and once only.
Watch out for jQuery conflicts. There is some other library which is overridding $, so your code is not working because $ is not an alias for jQuery anymore. You can use jQuery.noConflict() to avoid conflicts with other libraries on the page which use the same variable $.
Try using jQuery Easy rather.
Related
Currently finding issue lazy loading CKEditor 4, appreciate any advice. What I tried:
Including ckeditor_basic.js but this already needs a CKEDITOR
instance
Loading ckeditor.js on click but this complains
'Synchronous XMLHttpRequest on the main thread is deprecated because
of its detrimental effects to the end user's experience.' as well as
some others errors, fails badly.
Any advice appreciated!
If you would like to insert CKEditor script dynamically you can use technique from this code pen - https://codepen.io/j_swiderski/pen/qPGRGb. It is important to wait for ckeditor.js to load before creating editor instance thus using setInterval to check if CKEDITOR object is available seems like a good idea.
In your comments you have written, you don't want editor to load every time you load the page. One of the reasons for that might be the size of ckeditor.js file.
If you think editor.js is too big it is important to answer yourself how much plugins you really need and then create editor accordingly to your needs using the online builder. Please have a look at below samples using dev-tools and notice the difference in ckeditor.js size: Full package has 600KB while Basic Package has only 400KB. If you just need the basic formatting then your ckeditor.js could get even smaller and should not be a problem when loading the page.
If you have created some custom plugins then recommended practice is to get CKEditor source code from Githhub, fork it, make changes/add custom plugins, build your editor. That way you will get minified and obfuscated editor instance which includes your custom plugins and again should not be a problem when loading the page.
I'm running the current JCK as the default editor on Joomla 3.2 with PHPCode 2.5 and I have the JCK option to convert HTML entities turned off as well as the option to force simple '&' turned on.
In this configuration I can create and edit articles and custom HTML modules containing PHP just fine... the syntax highlighting, etc., all works as expected. I can switch back and forth between WYSIWYG editing mode and SOURCE editing mode and everything remains as I edited it.
However, whenever I save the article/module the '<' and '>' characters in the PHP code have all been converted to their corresponding '<' and '>' HTML entities and the PHP code won't run when loaded on the site (for the obvious reasons).
I have searched high and low and can't figure out what setting I'm missing, or what extension I need, to be able to fix this so I can execute custom PHP in my articles/modules.
I presume the same would be true of javascript since it, too, uses these symbols in the source.
Anyone?
EDIT: For the record, I was able to switch to the RokPad editor and save the PHP that way without it breaking. However, I know I should be able to do this directly inside JCK. I used to be able to do this in Joomla 1.6, I just can't seem to make it work in Joomla 3.
Try this,
Check this extension this may help or another methods you can check
How to include html or php codes into joomla article
Hope its helps..
We are using Joomla 2.5
A client of mine has accidentally selected most of the menu and the submenus and changed the order by clicking one of the blue arrows, now the sub menu is not showing anymore.
I have tried to rebuild the menu
I have tried to clear cache (both mine and joomla)
I have tried to change the order
I have tried to go into the menu module and made sure show sub menu was configured on
Does anyone have any suggestions on how this could be fixed? Would be highly appreciated.
The website is n1golf.com and as you can see none of the menus drop down, and here is a screenshot of the ordering just in-case that might help: http://d3v9w2rcr4yc0o.cloudfront.net/uploads/stream/2013/01/35569/1d30c79df72549006fdb760569e31399.jpg
Kind regards
Usually the drop down is achieved with jQuery or CSS and to enable it you specify an extra CSS Class in the menu module. Check if there is one, then see your template's documentation to make sure it's the correct one.
Uncaught TypeError: Property '$' of object [object Window] is not a function golf-tuition:38
Uncaught TypeError: Property '$' of object [object Window] is not a function s5_flex_menu.js:79
You can see that there are a couple of errors in the chrome debug console. As you have both jquery and mootools on your page - so I'd suggest there may be some kind of jquery/mootools conflict going on. Although I'm not sure why it would only have been triggered now!
See my answer here on how to resolve it - but to sum it up:
disable the $ alias for jQuery completely as soon as you call the jquery library using
// Disable the $ global alias completely
jQuery.noConflict();
And then for jQuery scripts use
(function($){
// set a local $ variable only available in this block as an alias to jQuery
... here is your jQuery specific code ...
})(jQuery);
To be safe I'd also do the same sort of thing to your mootools scripts:
(function($){
// set a local $ variable only available in this block as an alias
// to Mootools document.id
... here is your Mootools specific code ...
})(document.id);
The fact you haven't had these issues before means I can't be sure about whether this is a jQuery/mootools conflict or not - but often errors with the $ symbol do suggest there is such a conflict!
I am trying all ways possible to resolve the JQuery Conflict issue in magento. Verified a few forums too but of no help.
I have tried the following:
1.Added jQuery.noConflict(); at the end of the jquery files (still didnt work)
2.Created a variable for noConflict and used all functions (still didnt work)
I can see the Js and CSS files required for jCarousel to function in the output source code, however along with that i get the following error:
jQuery("#mycarousel").jcarousel is not a function
Line 80
Not sure what I'm missing.
I am a newbie to magento. Is there a possibility that I'm missing on some important files to update.
Please assist as soon as possible.
I'm Following the examples of JCarousel as closely as possible. It works fine without Magento, but in Magento error as mentioned above is returned.
Check out the view source and make sure that the JCariusel scripts are inserted after JQuery.
I had the same problem, the it would not load within the magento site. I did however figure it out. I found that my code:
jQuery(".time_slider").jCarouselLite({
btnNext: ".next_time",
btnPrev: ".prev_time",
circular: false,
visible: 4,
speed:1000
});
Was not being loaded into the theme due to it not having a
jQuery(document).ready(function() {}
I also made sure that the jcarousel had a no conflict within the file and that it was loaded before the slider itself in the page.xml file.
Hope this helps. I also found that i had trouble with my no conflict in jQuery. If this doesn't help that is where the problem lies.
Ok. I have some experience with HTML and CSS, little with Javascript and none with JQuery.
And I'm trying to try out in my HTML file the Galleria plugin with fullscreen theme but I can't make it work. ( http://galleria.aino.se/ )
It only show the empty page with no pictures. I took the source code from the demo page and I pasted in my page and after some little modifications with the url of the theme, I managed to have on my screen only the image, without the "mechanism". Any help?
I think the instructions were made for an old release of the plugin and that's the reason I can't get it work.
P.S. I found a ready made demo on googlecode, but I can't get the fullscreen feature. Any help?
Try passing debug:true to yield more errors if you are seeing a blank page. Regarding customizations, try the documentation and API reference.