2013-01-03 7 views
0

Je souhaite afficher un div temporaire en fonction de mon clic. Par exemple quand je clique sur la deuxième rangée, une div temporaire montrera après la deuxième rangée.Affichage de la température div en vue

Ceci est mon point de vue:

<div id="sidetree" align="center"> 
    <div id="sidetreecontrol"> 
    <a href="?#">Collapse All</a> | <a href="?#">Expand All</a> 
    </div> 
    <ul class="treeview" id="tree"> 
    <li class="expandable"> 
     <div class="hitarea expandable-hitarea"></div> 
     <a href="?/index.cfm">These are the Sponsors Of <?=$sponsor_id;?></a> 
     <ul style="display: none;"> 
     <?php 
     foreach($Level1Details->result() as $row){ 
     ?> 
     <li id="sponsor_id"><label alt="<?=$row->user_id?>"><?=$row->user_id;?></label></li> 
     <ul><div id="levelTwo"></div></ul> 
     <?php } ?> 

Et JS:

$(document).ready(function(){ 
    $('#sponsor_id label').live('click',function() { 
    var sponsor_id=$(this).attr("alt"); 
    alert(sponsor_id); 
    var js={"sponsor_id":sponsor_id}; 
    $.post(url+"loyalty/level2", js, function(data){ 
     $('#levelTwo').html(data.result); 
     }, "json"); 
    }); 
+0

et quel est le problème que vous rencontrez? – mithunsatheesh

Répondre

0

Peut être est-ce quelque chose que vous voulez:

$(yourDiv).click(function(){ 
    $('.tempdiv').remove(); 
    var tempDiv = $("<div/>").attr('class', 'tempdiv').css({"width": "100px". "height":100px"}).appendTo($(this)); 
});