Jquery append/html div가 작동하지 않습니다. 잘못된 CSS입니까?

Question

아래 코드가 입니다. 입력하지 않으면 div "itemContent" 에 아무 것도 표시되지 않습니다. 디버깅 할 수 있고 적절한 데이터가이 "sucessfil"로 전달된다는 것을 알 수 있습니다. 아무것도 추가 div에 나타납니다! 내 CSS에 문제가 있습니까?

<script type="text/javascript"> 
function sucessfil(data) 
{ 
$('#itemContent').append(data); 

} 
function displayItem(param) 
    { 
     $.ajax({ 
     url: 'ItemViewer.php?id='+param, 
     success:sucessfil 
    }); 
    } 

function showItemInViewer(param) 
{ 
    el = document.getElementById("ItemViewer"); 
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible"; 
    if(param!='') 
    { 
     displayItem(param); 

    } 

} 
</script> 
<style> 
#itemViewer 
{ 
    visibility: hidden; 
    position: absolute; 
    left: 20%; 
    top: 5px; 
    width: 500px; 
    height: 500px; 

    text-align: center; 
    z-index: 1000; 

    background-color:#666 
} 
#itemViewer div 
{ 
    width: 500px; 
    height: 500px; 

    background-color: #fff; 
    border: 1px solid #000; 
    border-color:#F30 
    padding: 4px; 
    text-align: center; 
} 
</style> 
<a href='#' onClick="showItemInViewer('57');" >thrilled</a> 
<div id="MoodViewer"> 
<div id="moodContent"> 
    <img href='#' 
    onclick="showItemInViewer('');" src="images/Exit.png" align="right"></img> 

</div> 

Answer 1

이 코드를 사용해보십시오. 링크 클래스 유형 항목에서 href 속성을 가져 와서 ItemViewer로 보냅니다.

$('a.item').live('click',function(event) { 
     $.ajax({ 
      type:'POST', 
      url:'ItemViewer.php', 
      data:'id=' + $(this).attr('href'); 
      sucess: function(data) { 
        $('#ItemContent').append(data); 
      } 
     }); 
     event.preventDefault(); 
} 

HTML, 예 :

<a class="item" href="57">Item X</a> 
<a class="item" href="45">Item Y</a> 
<div id="ItemContent"></div>