Question

我在下面有html代码段，它不会在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>

Jquery追加/ html div无法正常运行，错误的CSS？

1 个答案: