从xml获取数据以插入到ul标签中。当我运行代码时,页面正在加载,并且我可以在浏览器上看到图像,但jquery代码不起作用(例如,单击到#GalleryList元素),因为附加代码未显示在浏览器视图源中。我怎样才能找到解决方案?从xml获取数据以插入html标签,但在源代码中未看到

JS:

$(document).ready(function() {

$.ajax({

type: "GET",

url: "data.xml",

dataType: "xml",

success: function (xml) {

var items = [];

$(xml).find("item").each(function (i) {

items.push({

img: $(this).find("img").text(),

content: $(this).find("content").text()

});

$('#GalleryList').append('

' + items[i].img + '');

$('#GalleryDetail').append('

' + items[i].img + '
' + items[i].content + '

');

i++;

});

return items;

}

});

var currentElem, lastElem;

lastElem = $('#GalleryList li').last().index();

$('#GalleryList li').click(function() {

currentElem = $(this).index() + 1;

$('#GalleryList').hide();

$('.GalleryDetail').show();

$('#GalleryDetail li').hide();

$('#GalleryDetail li:nth-child(' + currentElem + ')').show();

pageControl();

});

});

HTML:

2013-08-22

orcunh

+0

元素添加到页面上的客户端永远不会在源代码中可见。源仅显示页面的来源,即从服务器返回的内容。 –

xml中加html源码,从xml获取数据以插入html标签,但在源代码中未看到相关推荐

  1. xml中加html源码,XML与HTML的结合(下)_xml

    xml的嵌套处理 一般情况下,我们从数据库中查询得到的结果集可能很大,所以从服务器返回到客户端时,数据会被分成若干个页面分别进行传递.此时,利用TABLE元素中的DATAPAGESIZE属性可以指定每 ...

  2. android studio 中配置groovy源码_麻省理工教程:使用Unity AR Foundation在AR中查看模型...

    本文将分享麻省理工学院的教程-使用Unity AR Foundation在增强现实中查看模型. 在本教程中,我们将介绍如何把3D模型导入Unity,并使用Android设备或iOS设备在AR中查看模型 ...

  3. 自然语言处理 之 文本热词提取--------文章中含有《源码》和《数据》,可以拿来玩玩

  4. python在abaqus中的应用代码下载_Python-(source-code)-in--Abaqus Python语言在Abaqus中的应用(源码) - 下载 - 搜珍网...

    Python语言在Abaqus中的应用 (源码)/ Python语言在Abaqus中的应用 (源码)/Python语言在Abaqus中的应用 (源码)/ Python语言在Abaqus中的应用 (源码 ...

  5. Linux 信号量 源码,一文读懂go中semaphore(信号量)源码

    运行时信号量机制 semaphore 前言 最近在看源码,发现好多地方用到了这个semaphore. 本文是在go version go1.13.15 darwin/amd64上进行的 作用是什么 下 ...

  6. Unity中的UGUI源码解析之图形对象(Graphic)(2)-ICanvasElement

    Unity中的UGUI源码解析之图形对象(Graphic)(2)-ICanvasElement 在上一篇文章中, 我们对整个Graphic部分做了概述, 这篇文章我们介绍ICanvasElement和 ...

  7. 如何反编译apk文件得到源码和XML文件

    相信很多开发者都知道反编译APK,正常情况下,如果我们想要看看xml,看看java源代码,是看不了的.用压缩工具解压apk得到的文件也都是二进制文件,打开后全是乱码. 开发者能够用的也仅仅是图片资源, ...

  8. Spring源码-applicationcontext.xml解析过程

    为什么80%的码农都做不了架构师?>>>    Spring源码-applicationcontext.xml解析过程 核心流程:Spring中对于applicationcontex ...

  9. GeoTools源码解读 - XML处理 - Encoder

    GeoTools中的XML处理 - 如何将Object转换为XML文档. 文章目录 1. 前言 2. 概述 3. 用例准备 4. 实现原理 4.1 内部类`Encoder.EncodingEntry` ...

最新文章

  1. 2021年大数据Kafka(八):Kafka如何保证数据不丢失
  2. 使用sui实现的选择控件【性别、日期、省市级联】
  3. 如何从文件内容创建Java字符串?
  4. 用python画蝴蝶_图形化编程经验分享,画笔基础,软件包括Python、Kittenblock
  5. C++实现拓扑排序(vector模拟邻接表存储,优先队列实现)
  6. 【洛谷P1795 无穷的序列_NOI导刊2010提高(05)】模拟
  7. AI技术在空气净化机器人中的高能应用
  8. 飞鸽传书的设计应当具有“完整性”
  9. [BZOJ2038] [2009国家集训队] 小Z的袜子(hose) (莫队)
  10. Windows 中不规则窗体的编程实现三种方法:CRgn,作图路径法,据图像创建region
  11. 人件札记:软件开发的管理思想
  12. access注入及工具使用
  13. Linux资源管控【笔记】
  14. gprs数据传输流程
  15. Jmeter——BeanShell PreProcessor的用法
  16. 群晖docker签到京豆_解放你的时间,人人都可开启云签到生活!| 群晖篇
  17. Qt编写GIF录屏工具(开源)
  18. 各大电商纷纷瞄准机器人领域,备战双十一各显神功
  19. cocos2dx之加载瓦片地图tmx
  20. 跑步锻炼(2020)

热门文章

  1. 51Nod-1004 n^n的末位数字【快速模幂】
  2. explanatory variable(independent vs dependent)、design matrix
  3. Python 根据百度 API 获得经纬度,根据经纬度计算城市间距离
  4. 【笔试/面试】—— 不使用大于、小于、if 语句,实现 max 宏
  5. python如何读取csv文件列表页_Python:使用列表列表读取CSV文件的字段
  6. python下载-python下载及安装
  7. python简单爬虫代码-python简单爬虫(二)
  8. 零基础学python书籍-0基础学python,有什么教程或者书可以推荐吗?
  9. python软件-python 2.7官方版
  10. python为什么叫爬虫-python为什么叫网络爬虫