Hjälp med jQuery ToolTip och special tecken i filnamnen

Permalänk
Medlem

Hjälp med jQuery ToolTip och special tecken i filnamnen

Tjena,

Använder scriptet som finns här: http://cssglobe.com/easiest-tooltip-and-image-preview-using-j... för att visa bilder som hovrar över muspekaren.

Dock har vissa bilder " ' " tecknen i sina filnamn och detta gillar inte scriptet verkar det som, så fort det finns ett ' i filnamnet så funkar det inte, dock funkar det med & osv.

Finns det något enkelt sett att ordna detta via scriptet? Det är ju inte så mycket kod det handlar om

this.screenshotPreview = function(){ /* CONFIG */ xOffset = 0; yOffset = 0; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.screenshot").hover(function(e){ this.t = this.title; var c = (this.t != "") ? "" + this.t : ""; $("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='Album Cover Missing' width='180' />"+ c +"</p>"); $("#screenshot") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("fast"); }, function(){ this.title = this.t; $("#screenshot").remove(); }); $("a.screenshot").mousemove(function(e){ $("#screenshot") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; // starting the script on page load $(document).ready(function(){ screenshotPreview(); });

Permalänk
Medlem

Misstänker att felet ligger här;
$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='Album Cover Missing' width='180' />"+ c +"</p>");

Du använder dig av ' inne bland dina attribut vilket leder till att this.rel blir cuttat lite.
Testa
$("body").append('<p id="screenshot"><img src="'+ this.rel +'" alt="Album Cover Missing" width="180" />'+ c +'</p>');