在xml結果中添加onclick事件

這是主要的HTML頁面。在xml結果中添加onclick事件

<html> 
<head> 
</head> 
<body> 
    <div class="categories"> 
     <ul></ul> 
    </div> 

<script src="script/jquery-1.11.3.min.js"></script> 
<script src="script/myscript.js" type="text/javascript"></script> 

</body> 

</html>

這是XML頁面

<CategoriesRoot> 
    <Categories> 
     <CategoryID>1</CategoryID> 
     <CategoryName>Beverages</CategoryName> 
     <Description>Soft drinks, coffees, teas, beer, and ale</Description> 
    </Categories> 
</CategoriesRoot>

，這是JS網頁

$.ajax({ 

    url:'categories.xml', 
    dataType:'xml', 
    success: function(data){ 
     $(data).find('CategoriesRoot Categories').each(function(){ 
      var name = $(this).find('CategoryName').text(); 

      $('.categories ul').append(
       $('<li/>',{ 
        text: name 


       }) 

      ); 

     }); 

    }, 
    error: function(){ 
     $('.categories').text('failed'); 

    } 

});

我可以讀我的主要頁面的XML文件，但我想要做的是什麼，當我點擊飲料類別名稱時，它會在主頁面右側顯示說明（軟飲料，咖啡，茶，啤酒和麥酒）。我是新的HTML，請幫助！

來源

2015-05-14 kevin su

我跟大家分享一個答案，我在另一篇文章了，但它可以幫助你：

how to send the content of a node in xml to another page using php?

問候

版

我把示例代碼在未來jsFidle樣品。代碼非常簡單。這項工作如下：

您調用AJAX請求獲取XML（line 30）。
在響應函數（line 33）中，您調用構建菜單的函數。
進入構建函數，您將獲得所有類別（line 9）。
接下來，您遍歷所有類別並構建列表項（line 11 to line 17）。
最後，列出一個事件處理程序（line 27），以將錨點標記上的點擊事件捕獲到列表中。

來源

2015-05-14 18:53:48

嗨古茲曼，因爲我在這個領域是非常新的，我無法理解你的代碼非常清楚......對不起！如果你可以編輯我的代碼，那對我來說會更好！非常感謝！！！ –

在xml結果中添加onclick事件

回答

相關問題