2016-08-24 150 views
-2

我知道格式化代碼有問題,但我不確定它是什麼。顯示HTML錯誤

不工作:

<div id="item_list"> 
    <div id="item"> 

     <%= LoadItems() %> 

    </div>   
    </div>  

LoadItems應該返回此:

  returnString = "<div style=\"cursor: pointer;\" class=\"item\" itemid=\"1670\"> " + 
       " < div class=\"item_pic\"><img src = \"icons/icon_commerce_anccube_skill.jpg\" alt=\"\" style=\"width: 68px; height: 71px;\"></div>" + 
      " <div class=\"item_title\"><a href = \"javascript:void(0)\" ><span> Skill Upgrade Pack</span></a></div> " + 
      "<div class=\"clear\"></div> "+ 
      "<div class=\"item_price\"><span style = \"\" > 2,000 gPotatoes</span></div> </div> "; 

工作代碼:

<div id="item_list"> 
<div id="item"> 
    <div style="cursor: pointer;" class="item" itemid="1670"> 
    <div class="item_pic"><img src="icons/icon_commerce_anccube_skill.jpg" alt="" style="width: 68px; height: 71px;"></div> 
    <div class="item_title"><a href="javascript:void(0)"><span>Skill Upgrade Pack</span></a></div> 
    <div class="clear"></div> 
    <div class="item_price"><span style="">2,000 gPotatoes</span></div> 
    </div> 

    </div>   
    </div>  
+0

' 「LoadItems應該回到這個」' - 哦,是嗎?在非工作版本之間,*客戶端*之間有什麼區別? – David

+0

我的意思是這是ReturnString返回不工作的代碼......我複製了工作代碼並添加了反斜槓,不應該這樣做嗎? –

+0

如果客戶端呈現中發生問題,那麼實際查看客戶端標記可能是值得的。正在運行的應用程序的圖片並不像實際調試那麼有用。 – David

回答

1

你的第二個div有之間的空間和div。這不會被解析爲div。

第三行還有一個損壞的跨度標記。

我想成像這是什麼是打破你的佈局。

如果使用單引號來封裝字符串而不是雙打,則不需要轉義引號。

例子:

returnString = '<div style="cursor: pointer;" class="item" itemid="1670">' + 
       '<div>etc...</div>' + 
       '</div>'