Ich habe folgenden Code, mit dem an einem bestimmten Element bei Rechtsclick ein Contextmenü angezeigt wird.

Code

PHP-Quellcode

1. (function($) {
2. $.fn.extend({
3. /**
4. * Stellt ein Contextmenu dar
5. * @param {type} options Optionen für den Aufruf
6. * @returns {undefined} nothing
7. */
8. contextmenu: function(options) {
9. /**
10. * Default Variablen
11. */
12. var defaults = {
14. };
16. var options = $.extend(defaults, options);
18. // ID des Elements, an dem das Contextmenu angezeigt wird
19. var createrId;
21. // return this.each(function() {
22. var o = options;
23. var obj = $(this);
25. /**
26. * Wenn Rechtsclick auf das Element
27. */
28. $(obj).on('contextmenu', function(e) {
29. ShowContext(e);
30. return false;
31. });
33. /**
34. * Wenn Click auf ein Items des Menus
35. */
36. $(document).on('click', '.contextitem', function(e) {
37. var clickedId = $(e.target).closest('li').attr('id');
38. if (options.selected)
39. options.selected(clickedId, createrId);
41. });
43. /**
44. * Wenn Click auf Document
45. */
46. $(document).on('click', function(e) {
47. $('.context-menu').remove();
48. });
50. /**
51. * Zeugt das Contextmenu an
52. * @param {type} e Clickevent
53. * @returns {undefined} nothing
54. */
55. function ShowContext(e) {
56. var id = $(e.target).closest('tr').attr('id');
57. createrId = id;
59. if (e.button === 2)
60. {
61. $('body').append('<ul role="menu" class="context-menu"id="' + "" + '"></ul>');
62. // if (this.header.toString().length > 0)
63. // $('.context-menu').append('<li role="presentation" class="dropdown-header">' + this.header + '</li>')
65. var id = 0;
66. $.each(options.items, function(key, value) {
67. if (key == 'line')
68. $('.context-menu').append('<li role="presentation" class="divider"></li>')
69. else
70. {
71. $('.context-menu').append('<li class="contextitem" id="' + id + '" role="presentation"><a role="menuitem" tabindex="-1" href="#"><span class="' + value['icon'] + '"></span> ' + value['name'] + '</a></li>')
72. id = id + 1;
73. }
74. });
75. $('.context-menu')
76. .css('left', e.clientX)
77. .css('top', e.clientY)
78. .css('display', 'block')
79. .fadeIn('slow');
80. }
82. }
83. // });
84. }
85. });
86. })(jQuery);

Der Aufruf erfolgt so

PHP-Quellcode

1. function ShowMenu()
2. {
3. $('.trTodo').contextmenu({
4. items: {
5. "löschen": {name: "Löschen", icon: "glyphicon glyphicon-remove"},
6. "erledigt": {name: "Erledigt", icon: "glyphicon glyphicon-ok"}
7. },
8. selected: function(e, g) {
9. console.log("Id" + e + " " + g);
10. }
11. });
12. }

Hierbei sind "Items" die Items, die im Menü angezeigt werden.
Und "selected" ist eine Methode, die ausgelöst wird wenn auf ein Item geklickt wurde. Ihre Parameter sind die ID des Elements wo das Contextmenü erscheint, und die ID des geklickten Menüitems.

Nun aktualisiere ich das Element alle x Sekunden.Dabei muss ich die Funcktion zum Anzeigen erneut aufrufen. Soweit klappt auch alles nur bekomme ich dann in der "Selected" Methode immernoch die Ergebnisse vom letzen mal, statt ein einziges Ergebnis zurück.
Hat jemand vielleicht eine Idee was man da machen kann ?

Hier ist noch ein beispiel für einen Log

Quellcode

1. XHR finished loading
2. Id 0 1532974894
3. XHR finished loading
4. Id 1 1532974894
5. Id 1 257038102
6. XHR finished loading:
7. XHR finished loading
8. Id 0 1532974894
9. Id 0 257038102
10. Id 0 undefined
11. Id 0 35503633
12. XHR finished loading
13. Id 0 1532974894
14. Id 0 257038102
15. Id 0 undefined
16. Id 0 35503633
17. Id 0 16238230

Hat sich erledigt.