You can do it a little easier, because noConflict can be chained:
jQuery.noConflict()(function() {
// wrap your code that uses jQuery $
});
So you might still have to wrap your original lib, but at least you don't have
to muck with $'s all over the place.
ms
On Aug 4, 2010, at 6:35 PM, Farrukh Ijaz wrote:
> This is not so straight as splitter.js is using jQuery. So even if you use
> jQuery.noConflict(), it won't work as splitter.js will be using $ sign
> assuming it's using jQuery but in fact the $ sign is occupied by prototype
> library.
>
> A simple solution to this is copy the splitter.js to
> splitter-jquery-noconflict.js
>
> Use any good text editor and find all the instances of $( and $.( in the
> splitter-jquery-noconflict.js and replace it with jQuery( and jQuery.(
> respectively. Make sure you don't replace the string literal $ sign with
> jQuery :)
> The instead of using splitter.js in your component, use
> splitter-jquery-noconflict.js after the <script
> type="text/javascript">jQuery.noConflict()</script>
>
> So it will be something as follows:
>
> <script type="text/javascript" src="/path/to/jquery.js"></script>
> <script type="text/javascript">
> jQuery.noConflict();
> </script>
> <script type="text/javascript"
> src="/path/to/splitter-jquery-noconflict.js"></script>
>
> Farrukh
>
> On 2010-08-05, at 2:26 AM, David BON wrote:
>
>> Thanks. Seems really straightforward.
>>
>> Last doubt: shall I put this onConflict call before the inclusion of the
>> splitter.js (as it could use the '$')?
>>
>> Regards.
>> David B.
>>
>> Le 4 août 10 à 22:19, Farrukh Ijaz a écrit :
>>
>>> Hi David,
>>>
>>> You simply need to add following two lines in the head section:
>>>
>>> <script type="text/javascript" src="/path/to/jquery.js"></script>
>>> <script type="text/javascript">
>>> jQuery.noConflict();
>>> </script>
>>>
>>> From there onwards you need to use jQuery instead of $ sign. Alternatively
>>> you can use a short name such as:
>>>
>>> <script type="text/javascript">
>>> var j = jQuery.noConflict();
>>> </script>
>>>
>>> And instead of using $ sign or jQuery, you can use 'j' to invoke jQuery
>>> methods.
>>>
>>> Hope this would help.
>>>
>>> Farrukh
>>>
>>> On 2010-08-05, at 2:10 AM, David BON wrote:
>>>
>>>> Hi List,
>>>>
>>>>
>>>> I try for the first time to use JQuery in a WO/Wonder/Ajax App (WO 5.3.3).
>>>>
>>>> I'm aware of the conflict with WonderAjax library and I know that I have
>>>> to use jQuery.noConflict(). Problem is I just don't get how to use that
>>>> :-( !
>>>>
>>>> What I want is to use the splitter.js component based on jQuery (to
>>>> actually get those splitpanes on my pages).
>>>>
>>>> Therefore I included in my pageWrapper.wo :
>>>> <head>
>>>> /.../
>>>> <script type="text/javascript"
>>>> src="JavaScript/jQuery/jquery.js"></script">
>>>> <script type="text/javascript"
>>>> src="JavaScript/jQuery/splitter.js"></script>
>>>> </head>
>>>>
>>>> I read on this link: Using jQuery with Other Libraries that I have to
>>>> insert in the <head> section the noConflict() function:
>>>> <script type="text/javascript" src="JavaScript/jquery.js"></script">
>>>> jQuery.noConflict();
>>>> // Use jQuery via jQuery(...)
>>>> jQuery(document).ready(function(){
>>>> jQuery("div").hide();
>>>> });
>>>> // Use Prototype with $(...), etc.
>>>> $('someid').hide();
>>>> </script>
>>>>
>>>> I see with firebug that some Ajax javascript are included in the <head>
>>>> after those lines and now I'm confused on how to manage that (if it's
>>>> possible), where exactly shall I put those line, what shall I use in place
>>>> of the 'someid' in last sentence above?
>>>>
>>>> Any hints?
>>>>
>>>> Thanks in advance.
>>>>
>>>> David B.
>>>>
>>>> _______________________________________________
>>>> Do not post admin requests to the list. They will be ignored.
>>>> Webobjects-dev mailing list ([email protected])
>>>> Help/Unsubscribe/Update your Subscription:
>>>> http://lists.apple.com/mailman/options/webobjects-dev/farrukh.ijaz%40fuegodigitalmedia.com
>>>>
>>>> This email sent to [email protected]
>>>
>>
>> _______________________________________________
>> Do not post admin requests to the list. They will be ignored.
>> Webobjects-dev mailing list ([email protected])
>> Help/Unsubscribe/Update your Subscription:
>> http://lists.apple.com/mailman/options/webobjects-dev/farrukh.ijaz%40fuegodigitalmedia.com
>>
>> This email sent to [email protected]
>
> _______________________________________________
> Do not post admin requests to the list. They will be ignored.
> Webobjects-dev mailing list ([email protected])
> Help/Unsubscribe/Update your Subscription:
> http://lists.apple.com/mailman/options/webobjects-dev/mschrag%40pobox.com
>
> This email sent to [email protected]
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list ([email protected])
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com
This email sent to [email protected]
