javascript - JQuery ContextMenu 不适用于多个 id

Question

我有 div-> id id，当我右键单击时，我显示一个窗口，当一个简单的单击获取数据时，但是当我第一次右键单击 $.contextMenu 时，所有 div 的数据都会保留->id.

          $('.w_content').click(function (e){
              e.preventDefault();
              var wor = $( e.target ).attr('id');
              console.log(wor);
              $.contextMenu({
                selector: '.wcontext',
                callback: function(key, options) {
                    // console.log(wor);
                  $('#dialog-form').dialog('open');
                  $.ajax({
                    url: '<?php echo base_url()?>documentos/getDocDetalleAjax',
                    data: {id: dat.id_documento,orden:wor},
                    type: 'POST',
                    cache: false,
                    success: function ( msg ){
                      console.log(msg);
                      // if (typeof msg[index] == 'undefined' || msg[index] == null) {
                      //   console.log('sisis');
                      // }
                      // var wd = $.parseJSON ( msg );
                      // $('#dtitulo').val(wd.titulo);
                      // console.log(msg);
                    }
                  });
                },
                items: {
                    "edit": {name: "Edit", icon: "edit"},
                    "sep1": "---------",
                    "quit": {name: "Quit", icon: function(){
                        return 'context-menu-icon context-menu-icon-quit';
                    }}
                }
              });

            });

id在class里面= ".w_content"

谢谢你的帮助

Answer 1

您是否在不同的元素上使用相同的 id？ id 属性值是唯一的。如果您有多个具有相同 id 的元素，您将开始遇到 JavaScript、CSS 甚至 HTML 问题。如果您想定位多个元素，请使用 CSS 类。