0

フォーラムでこれに関する他の質問があることは知っていますが、これをうまく機能させることができないようですので、自分で始めてみようと思いました. ユーザーが自分のページのリンクをクリックする可能性のある場所に、下に div を表示したいと考えています。HTML は次のようになります。

<div class="DetailHeaderBar Expanded">
<span class="imgContainer"></span>
<span>John Smith</span>
<img class="TradeDetailsLink" alt="v" src="/Applications/Images/Icons/action_arrow.gif">
<a class="TradeDetailsLink" id="DetailsLink" href="#">Trade Details</a>
</div>

<div id="tradeDetailsSelector" class="ContextMenuPanel" style="position: absolute; display:none;">
    <div id="AvailableMoneyItem" class="ContextMenuItem"><a href="#" onclick="javascript:popupAvailableMoney(); return false;">View Available NFS Money</a></div>
    <div id="OpenOrdersItem" class="ContextMenuItem"><a href="#" onclick="javascript:redirectToTradeCentral(); return false;">View Open Orders</a></div>
    <div id="LockCashBufferItem" class="ContextMenuItem"><a href="#" onclick="javascript:redirectToModelManagement(); return false;">Add/Edit Locks or Cash Buffer</a></div>
</div>

Jquery は document.ready() 関数にあります。「Trade Details」リンクがクリックされたときに、その直下に TradeDetailsS​​elector div を表示したいだけです。このコードは、完全に機能すると言われている別の投稿から変更されましたが、私には適していません。

$("document").ready(function(){
$('div#DetailsLink').bind('click',function(event){
$('#tradeDetailsSelector').css('left',event.pageX);
$('#tradeDetailsSelector').css('top',event.pageY);
$('#tradeDetailsSelector').css('display','inline');
$("#tradeDetailsSelector").css("position","absolute");

});
})

誰かが私に与えることができる助けは素晴らしいでしょう.今のところ何も起こっておらず、IEの開発者ツールはコンソールにエラーを表示していないのでわかりません. ありがとう、ニックG

4

1 に答える 1