[Java][AJAX]Ajax Live nie działa Tooltip oraz toggle Opcje

[casperii]

Panowie, wczytuje wyniki poprzez ajax na stronę, lecz nie działa w wynikach dialog czy tooltip.

[HTML] pobierz, plaintext 
function search() {
		var value = $('input#name').val();
		if(value !== ''){
			$.ajax({
				type: "POST",
				url: "/ajaxSearch.php",
				data: { query: value },
				cache: false,
				success: function(html){
					$("#table").html(html);
				}
			});
		}return false;    
	}
[HTML] pobierz, plaintext 

poza pobraniem wyników poprzez ajax tooltip czy toggle działa bez problemów, konsola też nic nie wywala.

Problem rozwiązany w połowie, dla tooltip wystarczy zrobić:

[HTML] pobierz, plaintext 
$(document).on('mouseover',function () {
    $("[data-toggle=tooltip]").tooltip();
});
[HTML] pobierz, plaintext 

ale dla toggle() problem pozostaje dalej.

Ten post edytował casperii 10.05.2017, 00:25:50

[casperii]

@bostaf po wczytaniu HTMLa poprzez ajaxa dane są takie same ID etc.

może problem polega w tym, że te dane są tak jakby z zewnątrz wczytywane ?

poniżej kod JS dla toggle:

[HTML] pobierz, plaintext 
	var uiDropdown = new function() {
  	var self;
  	self = this;
  	this.hideDialog = function($el) {
    		return $el.find(".dialog").hide().removeClass("is-visible");
  	};
  	this.showDialog = function($el) {
    		return $el.find(".dialog").show().addClass("is-visible");
  	};
		return this.initialize = function() {
  		$("html").click(function() {
    		$(".ui-dropdown .head").removeClass("active");
      		return self.hideDialog($(".ui-dropdown"));
    		});
    		$(".ui-dropdown .body").click(function(e) {
      		return e.stopPropagation();
    		});
    		return $(".ui-dropdown").each(function(index, el) {
      		return $(el).click(function(e) {
      			e.stopPropagation();
      			$(el).find(".head").toggleClass("active");
      			if ($(el).find(".head").hasClass("active")) {
        			return self.showDialog($(el));
      			} else {
        			return self.hideDialog($(el));
      			}
      		});
    		});
    	};
  	};
[HTML] pobierz, plaintext 

ale nijak nie mogę tego ugryźć.

[bostaf]

może problem polega w tym, że te dane są tak jakby z zewnątrz wczytywane ?

Tak. Tutaj to jest wyjaśnione:

Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time.

I gdzieś widziałem zalecenie, żeby zamiast starych eventhandlerów "click", "keydown", ... używać on(), tak jak to zrobiłeś z tooltipem. Chociażby dlatego, że radzą sobie z elementami dodawanymi dynamicznie.