Choose ID With Contextmenu

Choose ID With Contextmenu

本文关键字：Contextmenu With ID Choose      更新时间：2023-09-26

我想用contextmenu编辑控件。当我点击右键，我需要得到菜单id号，但它只写第一个菜单id。我怎样才能修好它?

$('#kutu').bind('contextmenu',function(e){
        var $cmenu = $(this).next();
        var ix = $(this).parent().find("h1").parent().find("div").html();
        $("#bilgiler").html(ix);
        $('<div class="overlay"></div>').css({left : '0px', top : '0px',position: 'absolute', width:                                                   '100%', height: '100%', zIndex: '100' }).click(function() {
            $(this).remove();
            $cmenu.hide();
        }).bind('contextmenu' , function(){return false;}).appendTo(document.body);
        $(this).next().css({ left: e.pageX, top: e.pageY-15, zIndex: '101' }).show();
        return false;
         });

和我的PHP菜单代码…

echo '<H1 class="ustBaslik" id="fakulteBilgileriH1">';
    echo '<img src="../resimler/bolge.png" alt="" /> '.$cek["KategoriIsmi"].$cek["KategoriID"];
    echo '<div style="display:none">'.$cek["KategoriID"].'</div></H1>';

为测试:http://jsfiddle.net/6KdKC/3/

修改脚本为:

$('#kutu h1').bind('contextmenu', function(e) {
    var $cmenu = $(this).parent().next();
    var ix = $(this).find('div').html();
    $("#bilgiler").html(ix);
    $('<div class="overlay"></div>').css({
        left : '0px'
        , top : '0px'
        , position: 'absolute'
        , width: '100%'
        , height: '100%'
        , zIndex: '100'
    }).click(function() {
        $(this).remove();
        $cmenu.hide();
    }).bind('contextmenu', function(){
        return false;
    }).appendTo(document.body);
    $cmenu.css({
        left: e.pageX
        , top: e.pageY - 15
        , zIndex: '101'
    }).show();
    return false;
});

相关文章：