2017-11-12 5 views
-1

main.phpという名前のPHPファイルがあります。メインの中には、ユーザープロファイルの画像とイメージを含むdivがあります。 mainは他のPHPファイルに含まれるページメニューのトップです。また、ページの左側に隠れる別のdiv(mmberNav)がメインにあります。mouseover、etc.をクリックします。後続のページでは動作しません。

プロフィール画像のdiv要素は、 'menuAvatar'

のIDを持っているので、本質的に、私はindex.phpの内側

を持っている私は

. 
. 
include(main.php) 
. 
. 
. 

を持っている私のアヤックスは、テストのためにかなりストレート..です

$(document).ready(function(){ 
     $('#menuAvatar').on('mouseover', function() { 
     $('#memberNav').css('left', '0'); 
     }); 
    bla 
    bla 
    . 
    . 

上記のコードでは、プロフィール画像の上にカーソルを置くと、div(memb erNav)が表示されます。

(main.php) を含むページmembers.phpをロードすると、ホバーはもはや機能しなくなります。

idの代わりにmenuAvatarのdiv idをクラスに変更しようとしましたが、まだマウスオーバーやクリックに反応しません。

提案がありますか?

ありがとうございました

+0

これはajaxではない、つまりjqueryであり、あなたがやっていることは、まっすぐなCSSでホバーで行うことができます。 – Bindrid

答えて

0

memberNavは絶対位置を持っていますか? topleftrightまたはbottom性質を持つ

$(function() { 
    $('#menuAvatar').hover(function() { 
     $('#memberNav').css({'position':'absolute', 'left':'0'}) 
    }) 
}); 

要素が絶対配置する必要があります。あなたがそれに開いていない場合は、代わりにmargin-leftを試すことができます。

関連する問題