Support Forum - Topic: Choices jquery error

Support Forum - Topic: Choices jquery error http://www.kriesi.at/support/topic/choices-jquery-error Support Forum - Topic: Choices jquery error en-US Thu, 20 Jun 2013 00:45:48 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Choices jquery error" http://www.kriesi.at/support/topic/choices-jquery-error#post-70844 Mon, 13 Aug 2012 19:57:18 +0000 Dude 70844@http://www.kriesi.at/support/ Hey! Yes, the reason is that Kriesi uses the noconflict mode: <a href="http://api.jquery.com/jQuery.noConflict/" rel="nofollow">http://api.jquery.com/jQuery.noConflict/</a> Best regards, Peter andreigavrila on "Choices jquery error" http://www.kriesi.at/support/topic/choices-jquery-error#post-70779 Mon, 13 Aug 2012 12:54:38 +0000 andreigavrila 70779@http://www.kriesi.at/support/ Thanks for the input. We also have some problems when using $ instead of jQuery. Could you please tell me if you know why ? This call works: <code>jQuery('video,audio').mediaelementplayer(/* Options */);</code> This one returns an error: <code>$('video,audio').mediaelementplayer(/* Options */);</code> The error message is Uncaught TypeError: Property '$' of object [object Window] is not a function. If we remove the references to <pre><code><script type='text/javascript' src='/Content/themes/choices/js/avia.js'></script> <script type="text/javascript" src="Content/themes/choices/js/avia_styleswitch.js"></script></code></pre> $ works properly. Could you please tell me why this happens. We are pretty concerned now on using the avia framework, since other frameworks that we use might use $ and might get broken. Thank you Dude on "Choices jquery error" http://www.kriesi.at/support/topic/choices-jquery-error#post-70208 Thu, 09 Aug 2012 09:01:21 +0000 Dude 70208@http://www.kriesi.at/support/ 1) Try following code instead: <pre><code>(function($){ $.fn.alertconfirm = function(options){ var defaults = { hide: false }; var options = $.extend(defaults, options); if(options.hide == true) { alert('confirm hide'); } else { alert('confirm'); } } })(jQuery);</code></pre> You should be able to call the alert box with following code now: <pre><code>jQuery('a').on( 'click', alertconfirm({ hide: false }) );</code></pre> and: <pre><code>jQuery('a').on( 'click', alertconfirm({ hide: true }) );</code></pre> Update: I think this is not a clever solution anyway because there's already a default confirm() function in js. Thus you can create the same effect with eg following code: <pre><code>function confirmcheck() { var answer = confirm("Do you really want to hide the element?"); if (answer){ return true; } else { return false; } }</code></pre> and call this function like: <pre><code>jQuery('a').on( 'click', confirmcheck() );</code></pre> Ismael on "Choices jquery error" http://www.kriesi.at/support/topic/choices-jquery-error#post-70199 Thu, 09 Aug 2012 08:17:29 +0000 Ismael 70199@http://www.kriesi.at/support/ Hi Andrei Gavrila, I'm not sure how to fix it. Let me tag Peter to check this issue. :) Regards, Ismael andreigavrila on "Choices jquery error" http://www.kriesi.at/support/topic/choices-jquery-error#post-69989 Wed, 08 Aug 2012 12:34:56 +0000 andreigavrila 69989@http://www.kriesi.at/support/ Hello, I added a new jquery framework to display confirmation messages in the choices theme and I get an error Here is the script that I added (to reproduce the problem) (function($){ $.confirm = function(){ alert('confirm'); } $.confirm.hide = function(){ alert('confirm hide'); } })(jQuery); Each time I call $.confirm() I get an error that the confirm method does not exist. If I remove the references to <script type='text/javascript' src='/Content/themes/choices/js/avia.js'></script> <script type="text/javascript" src="Content/themes/choices/js/avia_styleswitch.js"></script> My confirm method works just fine. So my guess is that the avia framework does something to jquery, so that other components cannot register extension methods Do you know what it might be ? If the question is not clear, I will try to elaborate, let me know. Thank you, Andrei Gavrila