jqueryとlightboxを1頁内に記述しているのですが、どちらか一方だけしか動作しません。 jqueryの記述の箇所とlightboxの記述の箇所を上下させると片方が動作し、片方が動作しないという具合です。最後に設定した方が実行されるようです。どこを修正すればいいのかまったくわかりません。両方動作させることはできませんか？ソースコードは以下のようになっています。 XXXXXX $(function() { $("#menu_list p.menu_head").mouseover(function() { $(this).css({backgroundImage:"url(img/left-side-a.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow"); $(this).siblings(); }); }); /* */ }/* */ 宜しくお願いします。

jqueryとlightboxが一緒に動作しない

解決済

質問者：sa1093
質問日時：2011/10/30 23:54
回答数：1件

jqueryとlightboxを1頁内に記述しているのですが、どちらか一方だけしか動作しません。
jqueryの記述の箇所とlightboxの記述の箇所を上下させると片方が動作し、片方が動作しないという具合です。
最後に設定した方が実行されるようです。どこを修正すればいいのかまったくわかりません。
両方動作させることはできませんか？
ソースコードは以下のようになっています。

<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="Keywords" content="XXX,XXX" />
<meta name="Description" content="XXX,XXX" />
<title>XXXXXX</title>

<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="XXX.css" type="text/css" />

<script src="http://code.jquery.com/jquery-1.6.min.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">


$(function() {
　　$("#menu_list p.menu_head").mouseover(function() {
　　　　$(this).css({backgroundImage:"url(img/left-side-a.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
　　　　$(this).siblings();
　　});
});
</script>


<link href="css/lightbox.css" type="text/css" rel="stylesheet" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>


<style type="text/css">
/* */
}/* <![CDATA[ */
a img{border:0 none}
/* ]]> */
</style>
</head>

宜しくお願いします。