Loading...

Search jQuery

Search

jQuery Forum

Getting Started

light box and equalize size is not working simultaneously

in Getting Started • 6 years ago

Dear All

refer http://webvikas.net.in/spacerite/gallery.php

Lightbox popup working fine

but ,

following JQUERY code at the bottom of the php code does not work

In short code to equalize height doesnot work with light box

pls help

script type="text/javascript">
$(document).ready(function() {
alert("XX"); // i had kept this alert to check whether this part of jquery is executed
$.fn.delay = function(time, callback){
// Empty function:
jQuery.fx.step.delay = function(){};
// Return meaningless animation, (will be added to queue)
return this.animate({delay:1}, time, callback);
}
var maxHeight=0;
$('.imageblock').each(function() {
maxHeight = Math.max(maxHeight, $(this).height());
}).height(maxHeight);
});
</script>

1

Replies(6)

jakecigar

Re: light box and equalize size is not working simultaneously

6 years ago

You include prototype. It stole the $ variable. Use jQuery instead of $ on

<script type="text/javascript">
jQuery(document).ready(function( $ ) { //use this line EXACTLY!
alert("XX");

That lets the global $ still be prototype’s $. But the local $ is jQuery!

JΛ̊KE

Re: light box and equalize size is not working simultaneously

6 years ago

Dear

Thanks for valued suggestion and really appreciate quick reply

however

following code doesnot work

Can u please help

Link http://webvikas.net.in/spacerite/gallery.php

I tried in opera, chrome, firefox

<scrip type="text/javascript">
	jQuery(document).ready(function( $ ) { //use this line EXACTLY!
	alert("XX");
	$.fn.delay = function(time, callback){
	// Empty function:
	jQuery.fx.step.delay = function(){};
	// Return meaningless animation, (will be added to queue)
	return this.animate({delay:1}, time, callback);
	}
	var maxHeight=0;
	$('.imageblock').each(function() {

	maxHeight = Math.max(maxHeight, $(this).height());
	}).height(maxHeight);



	});
	</script>

jakecigar

Re: light box and equalize size is not working simultaneously

6 years ago

[Error] TypeError: undefined is not an object (evaluating '$.browser.msie')

(anonymous function) (jquery.nyroModal.custom.js, line 614)

(anonymous function) (jquery.nyroModal.custom.js, line 630)

fire (jquery-2.0.3.js, line 2913)

fireWith (jquery-2.0.3.js, line 3025)

ready (jquery-2.0.3.js, line 398)

completed (jquery-2.0.3.js, line 93)

You chose to use jQuery 2.0.3 with a plugin that requires an out-of-date version of jQuery.

You can dumb down your jQuery by adding jquery/jquery-migrate or upgrading your plugin to the current version!

nyroModal v2 :: jQuery Plugin

JΛ̊KE

jakecigar

Re: light box and equalize size is not working simultaneously

6 years ago

Every one of the browsers you mentioned has a debugger built in. You could see the errors yourself.

Debugger - Firefox Developer Tools | MDN

Chrome DevTools Overview - Google Chrome
JavaScript Debugger | Documentation | Opera Dragonfly – Opera’s built-in web developer tools

JΛ̊KE

Re: light box and equalize size is not working simultaneously

6 years ago

Dear Sir

I am using old jquery.min

and your scritpt works like charm

Thanks a million

jakecigar

Re: light box and equalize size is not working simultaneously

6 years ago

Don’t use older versions of jQuery. They may not work well with the current crop of cutting edge browsers, like IE 12 or spartan.

JΛ̊KE