Pulsate effect not working - javascript

any idea why the below code does not work? See http://jsfiddle.net/6RJNL/
Thanks,
$(document).ready(function () {
$(".banner5").effect("pulsate", {
times: 5
}, 2500).fadeOut('slow');
});

You didn't load the jquery-ui.min.js in your fiddle.
Check it now
Go on left in External Resources to load other JS libraries.
Anyway stackoverflow is not a "jsFiddle how to use".
A better check from you would have solved your problem before posting :)

Related

$.alert is not a function in Jquery in console error

I'm executing an alert with Jquery as like $.alert(param); The console is providing as $.alert is not a function.
How to overcome it ?
function AlertModelPoupMast(param) {
$.alert(param); //It's custom alert. dont suggest normal alert() here please.
return false;
}
If I place $.noConflicts() it is working for first time , but after that again not working.
function AlertModelPoupMast(param) {
$.noConflict(); //working for 1 time. not working from 2nd time.
$.alert(param);
return false;
}
Replace
$.alert();
to
alert();
This can happen when you not included jquery file or $ is conflicted with some other plugin, changing $ with Jquery may solve that problem,
I think you are using craftpip custom alert like here
here you look with the issue
https://github.com/craftpip/jquery-confirm/issues/32
me also faced similar issue. And the issue was jquery.min.js loaded twice which caused conflict. Make sure jquery and all other js files loaded once. It may fix the problem. Also put jquery.min.js at the top of other js files if possible, because jquery plugin may be needed by other plugins.
Hope it'll help someone.
Use
alert("Your message");
Please ask for clarification if needed.

main slider not working due to diapo slider

On my website(http://cpshostworks.com/xpertisegulf.com/test12/index.html), the main slider is not working after I put the DIAPO slider. It is caused due to a conflict between 2 jquery files.
Could anyone please help in fixing this issue. I am unable to understand what needs to be done here. I want both the sliders to work (main slider & our partners slider)
I am stuck with this situation for the past one week.
Regards,
Josh
If conflicts occurred between 2 or more jQuery libraries, what I usually do is wrapping $(document).ready function like this:
(function ($) {
$(document).ready(function(){
//here you can call your plugin function
});
})(jQuery);
It prevents libraries conflict.
For more information, visit this link http://api.jquery.com/jquery.noconflict/
EDIT: Please note that you should do it for every jQuery plugin separately. So if you want to call another plugins function, you should wrap it again in different scope.
SECOND EDIT After inspecting your code in console I founded errors. Instead of
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
try with
(function ($) {
$(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
})(jQuery);
and do it for all following functions calls.

Ajax load php into div giving me issues

I've been hammering away at this for a couple of days trying to resolve it before turning to StackOverflow. But I simply can't see where I'm going wrong.
All I want to do is on document load, bring in dansearch.php into the "displayresults" Div with the following code.
Can anyone shed any light here on how to fix this and more importantly why so I can fully understand the issue? Thanks in advance!
<script>
$(document).ready(function() {
$("#displayresults").load("dansearch.php");
});
</script>
<div id="displayresults"></div>
There are only 2 possibilities, if your code is not working,
Jquery inclusion may not proper.
Your php page or its location is not correct.
Use a .get
<script>
$(document).ready(function() {
$.get("dansearch.php", function(data) {
$("#displayresults").html(data);
});
});
</script>
<div id="displayresults"></div>

Problems with original Jquery script, it won't start!

I'm suck a noob when it comes to java/jquery, I don't even know the basics. So please have understanding.
I've fetched this script from the jQuery website, but it won't start for me :/
What am I doing wrong?
The whole script is found on http://jsfiddle.net/xZUue/
Thank you for your help!
You have to call the miniscroller function on your div, like so:
$(function() {
$("#scroller").miniscroller();
});
see http://jsfiddle.net/qJkdy/
jQuery is loaded and so is the plugin, but your not making any use of it!
Do:
$('#scroller').miniscroller();
Check out..Its working...u were missing
<script>
$(function () {
$("#scroller").miniscroller();
});
</script>
updated link: http://jsfiddle.net/xZUue/5/

Stacking Images When Page Loads

I've read through a number of similar questions but nothing has worked for me yet. The url is here: http://www.promotion1.com/home-wmc-slide
I've installed a slider and the images are stacking before the script, I do not know JavaScript...
Would anyone be willing to look at the site and see if there might be a quick fix? I seriously need the help.
Thank you!
Try changing your javascript from $(window).load(...) to $(document).ready(..)
$(document).ready(function (){
$("#pikame").PikaChoose();
});
Make sure you're using the newest version of PikaChoose and then do the following.
For your css:
#pikame{ display:none; }
In your js:
$(document).ready(function (){
var showUL = function(){ $("#pikame").show(); };
$("#pikame").PikaChoose({buildFinished:showUL});
});

Categories