Plugin Stopped working with JQuery 1.9.1 -


some time ago created balloon plugin using jquery 1.8.3.

when updated jquery 1.8.3 jquery 1.9.1 plugin stoped working.

the balloons not show anymore. went 1.8.3 , works.

i tried understand might wrong can't find it.

could someone, please, me out? code:

    (function ($) {       $.fn.balloon = function (options) {     var defaults = {           balloon: "",           class: "balloon",           click: false,           id: "balloon",           sensible: false,           x: -4,           y: -40         };         var options = $.extend({}, defaults, options);         var balloon;         $(this).each(function () {           var title = $(this).attr("title");           if (title == undefined) return;           $(this).hover(function (e) {             $(this).removeattr("title")             balloon = "<div id='{id}' class='{class}'><span class='text'>{content}</span><span class='background'></span></div>"             if (options.balloon == "") {               balloon = balloon.replace("{class}", options.class).replace("{id}", options.id).replace("{content}", title);             } else {               balloon = balloon.replace("{class}", options.class).replace("{id}", options.id).replace("{content}", options.balloon).replace("{title}", title);             }             $("body").append(balloon);             $("#" + options.id).fadein("fast");           },           function () {             $("#" + options.id).remove();             $(this).attr("title", title);           });           $(this).mousedown(function (e) {             if (options.click) {               $("#" + options.id).remove();               $(this).attr("title", title);             }           }),           $(this).mousemove(function (e) {             var x = e.pagex + options.x;             var y = e.pagey + options.y;             if (options.sensible) {               var width = $("#" + options.id).width();               var height = $("#" + options.id).height();               var right = $(window).width() - (x + width);               var bottom = $(window).height() - (y + height);               if (right < 20) {                 x = e.pagex - width - options.x;               }               if (bottom < 20) {                 y = e.pagey - height - options.y;               }             }             $("#" + options.id).css({ top: y, left: x });           }); // mouse move         }); // balloon       };     })(jquery);

use jquery migrate find out need fix jquery 1.9.

this plugin can used detect , restore apis or features have been deprecated in jquery , removed of version 1.9. see warnings page more information regarding messages plugin generates. more information changes made in jquery 1.9, see upgrade guide , blog post.

in web page, load plugin after script jquery:

<script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>

Comments

Post a Comment

Popular posts from this blog

monitor web browser programmatically in Android? -

i've got tricky question here. need users make payment bank (namely barclaycard) in uk. so, have https url , add parameters (such amount pay, order reference, etc) url, start http connection intent.actionview, redirect user browser can enter credit card details on bank's webpage , make payment our account successfully. far ? the code use below (i changed values privacy reasons) problem is, need app when user has completed/failed/cancelled payment. barclaycardautomatically redirects particular url when payment has succeeded, 1 if failed. there no way of knowing when barclaycard payment has succeeded go android app somehow ? button cardbutton = (button) findviewbyid(r.id.card_button); cardbutton.setonclicklistener(new view.onclicklistener() { @override public void onclick(view arg0) { string prehashstring = new string(); string prohashstring = new string(); string shapassphrase = new string(); shapassphrase = "gsvth£h70zkh...
Read more

Shrink a YouTube video to responsive width -

i have youtube video embedded on our website , when shrink screen tablet or phone sizes stops shrinking @ around 560px in width. standard youtube videos or there can add code make go smaller? you can make youtube videos responsive css. wrap iframe in div class of "videowrapper" , apply following styles: .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } the .videowrapper div should inside responsive element. padding on .videowrapper necessary keep video collapsing. may have tweak numbers depending upon layout.
Read more

wpf - PdfWriter.GetInstance throws System.NullReferenceException -

i'm trying create pdf document using itextsharp 5.3.4 using following document document = new document(); filestream stm = new filestream(filename, filemode.create); pdfwriter writer = pdfwriter.getinstance(document, stm); i'm getting system.nullreferenceexception following stack trace: system.nullreferenceexception occurred hresult=-2147467261 message=la référence d'objet n'est pas définie à une instance d'un objet. source=itextsharp stacktrace: à itextsharp.text.version.getinstance() innerexception: i've verified neither document nor stm null, , if select "continue" in vs12 document created - exception thrown. updated itextsharp 5.4.0 , it's still occurring. can't find information on anywhere - got ideas? make sure not catching exceptions. nullreferenceexception can 1 caught , handled inside itextsharp, don't care it. fact can continue supports theory. change following setting verify: debug -> exceptions ...
Read more