Jquery breaks Lightbox script

I'm using lightbox [huddletogether.com...] and when I add jquery, lightbox stops working and I get the error from prototype.js "element.dispatchEvent is not a function"

This is the line it highlights:

event.eventName=eventName;event.memo=memo||{};if(document.createEvent){element.dispatchEvent(event);}else{element.fireEvent(event.eventType,event);}

Here is the head of my document.


<head>

<script type="text/javascript" src="http://www.attostore.com/js/prototype.js"></script>
<script type="text/javascript" src="http://www.attostore.com/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://www.attostore.com/js/lightbox.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <script language="javascript">
     function EnableDisableDIV() {
       if ($("#showOptionalFeature").attr("checked")) {
         $("#optionalFeature").show();
 $("#baseModel").hide();
       } else {
       $("#baseModel").show();
 $("#optionalFeature").hide();
       }       
     }     
   </script>
 
</head>

Any help would be greatly appreciated!

Jquery breaks Lightbox script

Conflict between Jquery and javascript based photo pop up

rwilson

alias

rwilson

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week