Ho un problemino che non riesco a risolvere. Ho scritto questa funzioncina:
Codice PHP:
function showActionBox (element) {
var homeId = "#views-home";
var offset = element.children('img').offset();
var actionBox = $('<div></div>');
actionBox.hide();
actionBox.addClass ('views-action-box');
actionBox.mouseleave(function() {
$(this).fadeOut(500);
$(this).remove();
});
actionBox.offset ({top: (offset.top - 10), left: (offset.left - 10)});
element.children('img').clone(false).appendTo(actionBox);
var textElements = $('<div></div>');
textElements.append('<h6>Item name here</h6>');
textElements.append('
Long description here if any...</p>');
actionBox.append (textElements);
var actions = $('<ul>[/list]');
actions.append ('[*][url="#"]Open[/url]');
actions.append ('[*][url="#"]Delete[/url]');
actions.append ('[*][url="#"]Move to...[/url]');
actions.append ('[*][url="#"]Copy to...[/url]');
actions.append ('[*][url="#"]Share...[/url]');
actionBox.append (actions);
$(homeId).append (actionBox);
actionBox.fadeIn(500);
}
Viene chiamata all'hover su un'icona, e l'effetto che voglio ottenere e' questo:
Funziona perfettamente con Firefox, Chrome, Opera, Safari, ma con IE8 mi da' un errore alla riga 145 di jQuery.min. La riga incriminata e':
codice:
function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);/**ERRORE QUI**/
var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&
f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+
(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=
Avete idea di come posso risolvere? Qualcuno ha mai avuto lo stesso problema?