jquery append/html div無法正常工作，錯誤的CSS？

我有下面的html代碼片段，它不會顯示div「itemContent」中的任何東西，除非我輸入它。我可以調試，我可以告訴適當的數據正在傳遞到「sucessfil」，但是沒有任何東西顯示在它附加的div上！我的CSS有什麼問題嗎？jquery append/html 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>

來源

2011-04-12 Pertinent Info

''標籤未關閉。也沒有'displayMood'功能 – diEcho 2011-04-12 05:05:36

div或元素ItemViewer在html中缺失。 – KutePHP 2011-04-12 05:09:08

@umar，只是一個建議，而不是document.get，使用jquery $（'＃id'）這將更清潔 – kobe 2011-04-12 05:17:32

試試看看這個代碼。它從鏈接類類型項中獲取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>

來源

2011-04-12 05:16:22 Alvizouri

@用戶，而不是追加你可以使用.html，它會將結果包裹在項目內容.. – kobe 2011-04-12 05:22:05

我會給它一個 – 2011-04-12 06:43:52

@kobe，我想使用追加，因爲我有一個關閉按鈕在我的div – 2011-04-12 06:54:41

jquery append/html div無法正常工作，錯誤的CSS？

回答

相關問題