Meu problema não é esperado como no li o jquery onhover
acionar função anônima. minha estrutura html é
$(document).ready(function () {
$.ajax({
url: "fetch.php",
method: "POST",
dataType: "json",
success: function (data) {
$("#treeview").treeview({data: data});
}
});
});
$("#treeview").on("click",".list-group", function () {
// var t = $(this).find("li");
alert("here");
console.log($(this));
<div class="container" style="width:900px;">
<div id="treeview">
</div>
</div>
mas onhover
de li a função jquery não está ativando depois que o ajax responde minha estrutura html fica assim
<div id="treeview" class="treeview">
<ul class="list-group">
<li class="list-group-item node-treeview node-selected" data-nodeid="0" style="color:#FFFFFF;background-color:#428bca;"><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>USA</li>
<li class="list-group-item node-treeview" data-nodeid="13" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>Canada</li>
<li class="list-group-item node-treeview" data-nodeid="20" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>Australia</li>
</ul>
</div>
mas jquery não está disparando onhover
função
Respostas:
0 para resposta № 1Por favor tente isto
$("#treeview").on("mouseover",".list-group-item", function () {
console.log($(this).html());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container" style="width:900px;">
<div id="treeview" class="treeview">
<ul class="list-group">
<li class="list-group-item node-treeview node-selected" data-nodeid="0" style="color:#FFFFFF;background-color:#428bca;"><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>USA</li>
<li class="list-group-item node-treeview" data-nodeid="13" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>Canada</li>
<li class="list-group-item node-treeview" data-nodeid="20" style="color:undefined;background-color:undefined;"><span class="icon expand-icon glyphicon glyphicon-plus"></span><span class="icon node-icon"></span>Australia</li>
</ul>
</div>
</div>
1 para resposta № 2
para pairar onclick não está certo evento mouseover está certo
$("#treeview").on("mouseover",".list-group", function () {
alert("here");
console.log($(this));
})