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？

回答

相关问题