Re: [jQuery] help with milkbox conflict

See

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

and

http://docs.jquery.com/Core/jQuery.noConflict

- Richard

On Mon, Nov 9, 2009 at 8:02 AM, jessicaw1974 <jessicaw1974@gmail.com> wrote:

Hi, I am new to this and attempting to use milkbox. It looks like
jquery-1.3.2.min.js is preventing milkbox from working. I wonder if
there is an obvious conflict (already documented), or if this requires
more exploration.

I am pasting code below. Thank you. Jessica



<style type="text/css"> @import url(css/milkbox/milkbox.css);</style>
<script type="text/javascript" src="js/mootools-1.2.3-core-yc.js"></
script>
<script type="text/javascript" src="js/mootools-1.2.3.1-more.js"></
script>
<script type="text/javascript" src="js/milkbox.js"></script>
<script type="text/javascript" src="js/mootools-1.2.3.1-assets.js"></
script>

<link type="text/css" href="2010css/jquery-ui.css" rel="stylesheet" /
>
<link type="text/css" href="2010css/general.css" rel="stylesheet" />

<script type="text/javascript" src="2010js/jquery-1.3.2.min.js"></
script>
<script type="text/javascript" src="2010js/jquery-
ui-1.7.2.custom.min.js"></script>
               <script type="text/javascript">
                       $(function(){

                               // Accordion
                               $("#accordion").accordion({ header: "h3" });

                       // Accordion
                               $("#accordion2").accordion({ header: "h3" });

                               // Tabs
                               $('#tabs').tabs();
               // Tabs
                               $('#tabs2').tabs();

                               // Dialog
                               $('#dialog').dialog({
                                       autoOpen: false,
                                       width: 600,
                                       buttons: {
                                               "Ok": function() {
                                                       $(this).dialog("close");
                                               },
                                               "Cancel": function() {
                                                       $(this).dialog("close");
                                               }
                                       }
                               });

                               // Dialog Link
                               $('#dialog_link').click(function(){
                                       $('#dialog').dialog('open');
                                       return false;
                               });

                               // Datepicker
                               $('#datepicker').datepicker({
                                       inline: true
                               });

                               // Slider
                               $('#slider').slider({
                                       range: true,
                                       values: [17, 67]
                               });

                               // Progressbar
                               $("#progressbar").progressbar({
                                       value: 20
                               });

                               //hover states on the static widgets
                               $('#dialog_link, ul#icons li').hover(
                                       function() { $(this).addClass('ui-state-hover'); },
                                       function() { $(this).removeClass('ui-state-hover'); }
                               );

                       });
               </script>