html jquery第二次点击无效,jquery – replaceWith第二次不起作用
我需要单击列表项以使用xml文件中的节点中的文本替换div中的文本.
我单击列表项并将结果存储在变量中.然后我加载xml,找到我需要的节点的标题,并创建结果的变量.然后我运行if语句,如果两个变量相等,则将xml放入div中.
我第一次点击列表项,这是有效的.列表中的正确项与xml中的正确节点匹配,正确的文本放在div中.
但是,当我单击其他列表项时,文本不会被替换.警报显示第二次单击获得了正确的信息,但最终,div内容未被替换.
代码在这里:
- New York
- Disconnexion
- Jack at Sea
$(document).ready(function(){
$("#gallery_id li").on('click', function(e) {
var htmlTitle = (this.id);
$.ajax({
type: "GET",
url: "/mwebphoto/xml/albums.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('photoAlbum').each(function(){
var xmlAlbum= $(this);
var xmlTitle = $(this).find('title').text();
var xmlEmbedCode = $(this).find('embedCode').text();
alert ('this is html titled ' + htmlTitle);
alert ('this is xml titled ' + xmlTitle);
if(xmlTitle=htmlTitle)
alert ('this is matched xml title' + xmlTitle);
$("#slideshow").replaceWith(xmlTitle);
});
}
});
});
});
感谢帮助.我不轻易问.我花了很多时间研究它并以我能想到的方式进行研究.我错过了一些非常简单的东西,但却找不到它.
html jquery第二次点击无效,jquery – replaceWith第二次不起作用相关推荐
- chrome浏览器模拟手机端:jquery click()点击无效解决方法
chrome浏览器模拟手机端:jquery click()点击无效解决方法 参考文章: (1)chrome浏览器模拟手机端:jquery click()点击无效解决方法 (2)https://www. ...
- 苹果手机 jquery点击无效
项目中遇到的问题: 移动端扫码打开网页的项目中用到了点击切换事件. 用jquery 写的点击事件的时候, 由于一些代码需要用到window.onload 测试发现在苹果手机上点击事件无效. 百度发现 ...
- jquery 点击事件 第一次点击选中 第二次点击改变状态
jquery点击事件 第一次选中:第二次消失 $("#myCard li").val(1); $("#myCard li").click(functio ...
- php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...
- jquery slideDown slideUp 对于table无效
jquery slideDown slideUp 对于table无效,需要在table外面套一层div才可以使用 转载于:https://www.cnblogs.com/tfiremeteor/p/j ...
- mui点击添加类名_Mui使用jquery并且使用点击跳转新窗口的实例
网上好多朋友是这样做的: 全局插入了js代码 mui('body').on('tap', 'a', function () { document.location.href = this.href; ...
- jQuery自动完成点击html元素
1 /************************************************************************** 2 * jQuery自动完成点击html元素 ...
- jquery实现左右点击滑动
jquery实现左右点击滑动 前端养成记:最近做的老项目,涉及到的一个简单的小功能,但是我这样的前端菜鸟还是费了一些功夫的,所以这里记录一下,以免日后忘记. 一.首先看下效果吧 这个是效果图,这个地方 ...
- php jquery实现弹窗,jquery+video实现点击播弹窗放视频功能
html5 jquery+video实现视频列表点击某个视频播放视频功能,播放视频弹出窗口进行播放,关闭窗口关闭视频. 实现过程:当点击某个视频的时候把已经用javascript拼接好的video标签 ...
最新文章
- Linux中配置bochs
- uniapp中遮罩穿透问题
- vs2019键盘钩子_C#键盘按键监视
- Google Maps和GIS开发资源收集
- QT的QCache类的使用
- SpringCloud Netflix Hystrix
- c语言编辑的库存管理软件,C语言课程设计,商品库存管理系统怎么做啊?
- access汇总_区块链或密码学相关论文汇总,持续更新中
- 解决使用sudo没问题,但是使用su会报错 su: Authentication failure 的问题
- 窗口发送消息参数详解
- Swiper 滚动插件
- wamp2.2c集成环境搭建网站问题总结
- 智能优化算法:蜉蝣算法 - 附代码
- ThinkingInJava 学习 之 0000001 一切都是对象
- spoon mysql教程_kettle 教程(一):简介及入门
- 几个文件vtp格式转stl格式
- 【Qt编程】基于Qt的词典开发系列二--本地词典的设计
- Linux—生成随机密码
- OpenWrt使能mt7620a第二个uart
- 在eclipse中查看jar包