Thinkphp3.2 多个$(document).ready(function()不执行

cjq003 2017-07-14 04:08:40
请问为什么以下代码，循环语句中的$(document).ready(function()不会执行呢？alert 没弹出来，对应标签也没隐藏掉！
去掉循环就没问题，但我需要循环，因为数据是动态的。请不吝赐教，谢谢！



<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script src="/js/jquery.min.js"></script>

</head>

<body>

<volist name="list" id="vo"> 

        <div id="p{$vo.code}">

            AAA 

        </div>     

    

    <script type="text/javascript">

         alert(" ok ");		

          $(document).ready(function() {

              $("#p{$vo.code}").hide();

	  });

      </script>

</volist>

</body>

</html>
...全文
358 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
xwn_2016 2017-07-18
  • 打赏
  • 举报
 回复
引用 15 楼 cjq003 的回复:
[quote=引用 13 楼 xwn_2016 的回复:]
<script type="text/javascript">
var code = $("#p{$vo.code}");
$(document).ready(function() {
alert(" ok ");
code.hide();
});
</script>
这样试一下看看


谢谢回复！这样alert不会弹出来，也没隐藏，请看：http://pkhoo.com/b.html
谢谢！[/quote]


js有语法错误，改改先
cjq003 2017-07-18
  • 打赏
  • 举报
 回复
引用 14 楼 wangdan_2013 的回复:
不知道你是不是报错了，我这边按照你的代码测试过， 
$ is not defined
会报这个错误， 我认为原因是你的php里面循环用的$和jquery里面的$冲突，jquery无法识别，你可以试试原生的javascript代码来获取id； 
var code = document.getElementById("p{$vo.code}");
谢谢回复，用原生的就无法用.hide()方法了吧，但是我想用hide()方法 代码比较简洁！ 谢谢！
cjq003 2017-07-18
  • 打赏
  • 举报
 回复
引用 13 楼 xwn_2016 的回复:
<script type="text/javascript">
var code = $("#p{$vo.code}");
$(document).ready(function() {
alert(" ok ");
code.hide();
});
</script>
这样试一下看看


谢谢回复！这样alert不会弹出来，也没隐藏，请看：http://pkhoo.com/b.html
谢谢！
wangdan_2013 2017-07-18
  • 打赏
  • 举报
 回复
不知道你是不是报错了，我这边按照你的代码测试过， 
$ is not defined
会报这个错误， 我认为原因是你的php里面循环用的$和jquery里面的$冲突，jquery无法识别，你可以试试原生的javascript代码来获取id； 
var code = document.getElementById("p{$vo.code}");
xwn_2016 2017-07-17
  • 打赏
  • 举报
 回复
引用 4 楼 cjq003 的回复:
[quote=引用 2 楼 xwn_2016 的回复:] 第一，可能list里没值 第二，ready里$("#p{$vo.code}")这个貌似取不到
谢谢二位的回复，经跟踪，list有数据的，有很多控件都循环出现了，只是我这边省略了这些控件代码。 为什么$("#p{$vo.code}")取不到值呢？ 经测试，不循环的话，直接$("#p1_2")是取得到值的，代码如下： 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="__PUBLIC__/js/jquery.min.js"></script>
</head>
<body>
        <div class="row pwstjdd" id="p1_2">
            报名项目 
        </div>            
      </div>     
    
	  <script type="text/javascript">		
          $(document).ready(function () {
              alert("ok");
              $("#p1_2").hide();
		  });
      </script>
  </body>
</html>
现在主要是循环了，$(document).ready(function() { 里的代码不执行，包括那个alert！ 请进一步指点，十分感谢！[/quote] <script type="text/javascript"> var code = $("#p{$vo.code}"); $(document).ready(function() { alert(" ok "); code.hide(); }); </script> 这样试一下看看
cjq003 2017-07-17
  • 打赏
  • 举报
 回复
卡在这边了，请求援助，谢谢大家！
cjq003 2017-07-16
  • 打赏
  • 举报
 回复
引用 10 楼 apollokk 的回复:
虽然不太规范，但是代码没有问题，可以正常运行的。不是不你的JQuery引用不正确？
谢谢您的回复！是否可以帮我看看，http://pkhoo.com/b.html 中的第二个checkbox下的内容为何启动时不会隐藏，选中反选checkbox，下面那些内容不会 显示/隐藏。而选中/反选 第一个checkbox就可以 显示/隐藏 checkbox下方内容。 而为什么 http://pkhoo.com/a.html 三组控件启动时都隐藏了。 再看看为什么 http://pkhoo.com/sportzonewechart/index.php/home/Qualifying2/Qualifying?qualifyingid=230&openid=oGWX6s2rveOe3xC4RLxFVSRaYbZ8 两个checkbox点击了都没响应，启动时也没隐藏checkbox下方内容？ jquery应该都引用对了。请进一步指点一下，十分感谢！
Hello World, 2017-07-15
  • 打赏
  • 举报
 回复
引用 9 楼 cjq003 的回复:
[quote=引用 7 楼 apollokk 的回复:] 还是把生成的HTML代码弄出来看看吧，这样看是没问题的
谢谢回复，页面的源代码如下： 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="/js/jquery.min.js"></script>
</head>
<body>
<div id="partners02_1">
          报名项目
</div>
    
<script type="text/javascript">		
	$(document).ready(function () {
		alert(" ok ");
		$("#partners02_1").hide();
	});
</script>
 
<div id="partners01_2">
          报名项目
</div>	
    
<script type="text/javascript">		
	$(document).ready(function () {
		alert(" ok ");
		$("#partners01_2").hide();
	});
</script>
	
<div id="partners01_1">
          报名项目
</div>
   
<script type="text/javascript">		
	$(document).ready(function () {
		alert(" ok ");
		$("#partners01_1").hide();
	});
</script>
</body>
</html>
[/quote] 虽然不太规范，但是代码没有问题，可以正常运行的。不是不你的JQuery引用不正确？
斯洛文尼亚旅游 2017-07-14
  • 打赏
  • 举报
 回复
引用 4 楼 cjq003 的回复:
[quote=引用 2 楼 xwn_2016 的回复:] 第一，可能list里没值 第二，ready里$("#p{$vo.code}")这个貌似取不到
谢谢二位的回复，经跟踪，list有数据的，有很多控件都循环出现了，只是我这边省略了这些控件代码。 为什么$("#p{$vo.code}")取不到值呢？ 经测试，不循环的话，直接$("#p1_2")是取得到值的，代码如下： 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="__PUBLIC__/js/jquery.min.js"></script>
</head>
<body>
        <div class="row pwstjdd" id="p1_2">
            报名项目 
        </div>            
      </div>     
    
	  <script type="text/javascript">		
          $(document).ready(function () {
              alert("ok");
              $("#p1_2").hide();
		  });
      </script>
  </body>
</html>
现在主要是循环了，$(document).ready(function() { 里的代码不执行，包括那个alert！ 请进一步指点，十分感谢！[/quote] 说明你jquery路径不对。。自己检查jquery路径
Hello World, 2017-07-14
  • 打赏
  • 举报
 回复
还是把生成的HTML代码弄出来看看吧，这样看是没问题的
cjq003 2017-07-14
  • 打赏
  • 举报
 回复
引用 1 楼 showbo 的回复:
发客户端生成的内容，不要发服务器端的，感觉你没有发布网站通过http协议访问吧？？ 不懂php,或者vo没有数据，就没有生成遍历的内容
谢谢回复，经跟踪，vo有数据的，有很多控件都循环出现了，只是我这边省略了这些控件代码。 为什么$("#p{$vo.code}")取不到值呢？ 经测试，去掉循环的话，直接$("#p1_2")是取得到值的，代码如下： 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="__PUBLIC__/js/jquery.min.js"></script>
</head>
<body>
        <div class="row pwstjdd" id="p1_2">
            报名项目 
        </div>       
     
      <script type="text/javascript">       
          $(document).ready(function () {
              alert("ok");
              $("#p1_2").hide();
          });
      </script>
  </body>
</html>
而一楼循环代码中 $(document).ready(function() { 里的代码不执行，包括那个alert！ 请进一步指点，十分感谢！
cjq003 2017-07-14
  • 打赏
  • 举报
 回复
顶楼的代码copy错了，更正： 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="/js/jquery.min.js"></script>
</head>
<body>
<volist name="list" id="vo"> 
        <div id="p{$vo.code}">
            AAA 
        </div>     
     
    <script type="text/javascript">
          $(document).ready(function() {
              alert(" ok ");       
              $("#p{$vo.code}").hide();
      });
      </script>
</volist>
</body>
</html>
cjq003 2017-07-14
  • 打赏
  • 举报
 回复
引用 2 楼 xwn_2016 的回复:
第一，可能list里没值 第二，ready里$("#p{$vo.code}")这个貌似取不到
谢谢二位的回复，经跟踪，list有数据的，有很多控件都循环出现了，只是我这边省略了这些控件代码。 为什么$("#p{$vo.code}")取不到值呢？ 经测试，不循环的话，直接$("#p1_2")是取得到值的，代码如下： 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="__PUBLIC__/js/jquery.min.js"></script>
</head>
<body>
        <div class="row pwstjdd" id="p1_2">
            报名项目 
        </div>            
      </div>     
    
	  <script type="text/javascript">		
          $(document).ready(function () {
              alert("ok");
              $("#p1_2").hide();
		  });
      </script>
  </body>
</html>
现在主要是循环了，$(document).ready(function() { 里的代码不执行，包括那个alert！ 请进一步指点，十分感谢！
囧 2017-07-14
  • 打赏
  • 举报
 回复
把生成的html发出来
xwn_2016 2017-07-14
  • 打赏
  • 举报
 回复
第一，可能list里没值 第二，ready里$("#p{$vo.code}")这个貌似取不到
斯洛文尼亚旅游 2017-07-14
  • 打赏
  • 举报
 回复
发客户端生成的内容，不要发服务器端的，感觉你没有发布网站通过http协议访问吧？？ 不懂php,或者vo没有数据，就没有生成遍历的内容
苹果CMS10主题定制开发：从设计到实现的完整流程
本文系统介绍苹果CMS10主题定制开发的完整流程，涵盖环境搭建、UI/UX设计、HTML模板修改（基于ThinkPHP模板引擎）、CSS样式定制、JavaScript交互增强（含jQuery应用）、主题配置调整、多端兼容性测试及性能优化（资源压缩、图片WebP、缓存配置）等关键技术环节，适用于视频、文章、漫画类站点的主题二次开发。
IETAB with IE helper
源码下载地址： https://pan.quark.cn/s/426cc719059b IETAB在IE helper方面提供了有效支持
BP神经网络对水质问题进行预测（Matlab代码实现）
内容概要：本文围绕基于BP神经网络的水质预测方法展开，详细介绍了利用Matlab实现数据驱动的BP神经网络模型构建过程，旨在通过对水质参数（如pH、溶解氧、浊度等）的历史数据进行训练，实现对未来水质变化趋势的科学预测。该方法突出“数据驱动”特性，强调模型在环境工程与智能算法融合领域的应用价值，适用于科研复现与学术论文撰写，尤其适合作为EI/SCI级别论文中的算法模型支撑。配套资源包含完整的Matlab代码、实验数据及仿真模型，便于用户直接运行、复现结果并进行二次开发与拓展应用。; 适合人群：具备一定编程基础，熟悉Matlab编程环境，从事环境科学、水利工程、智能算法应用等相关领域研究，工作或学习年限在1-3年的科研人员或研究生。; 使用场景及目标：①利用BP神经网络对水质指标进行时序预测，评估水体污染发展趋势；②构建水环境保护与治理的智能决策支持系统；③在撰写EI/SCI论文时作为核心算法模型进行复现与对比实验，提升研究成果的可信度与创新性； 阅读建议：此资源以数据驱动为核心，建议读者结合所提供的Matlab代码与真实水质数据集开展实践操作，重点关注网络结构设计、训练参数调优、过拟合防范及预测结果可视化分析流程，同时可尝试将模型迁移至其他环境预测场景以增强泛化能力与科研适应性。
疟疾细胞检测数据集VOC+YOLO格式948张1类别.md
【重要提示】本资源设置为0积分下载，若非0积分请勿轻易下载 亲爱的CSDN用户： 首先感谢你点进这个资源页面。我需要提前说明一个重要情况： 本资源原本已设置为“0积分下载”，即作者希望完全免费共享。但CSDN平台有时会根据文件的下载热度、文件大小、用户权限等因素，自动将部分资源的积分调整为非0数值（如1积分、2积分、5积分等）。这是平台系统的自动行为，而非作者本人的设定。 因此，如果你当前看到该资源的下载所需积分不是0（例如显示为1、2、3……），请谨慎决定是否下载。 如果你按照非0积分支付并下载后发现资源内容不符合预期、链接失效，或者实际上该资源本应是免费的，作者无法为此承担积分损失或退还操作。强烈建议：仅在页面显示为0积分时进行下载。 另外，本资源描述中并未直接提供具体的下载地址或外部链接，因为它本身是一个通过CSDN官方上传通道提交的文件/内容包。如果你看到描述中没有外部网盘地址，这是正常的——资源文件应通过CSDN内置的“下载”按钮获取。若因平台积分显示异常导致你支付了积分，请优先联系CSDN客服咨询积分退还政策，作者没有权限修改平台自动设定的积分值。 感谢你的理解与支持。技术分享本应开放，但受限于平台规则，特此提醒如上。祝学习进步！
网纹瓜成熟度检测数据集VOC+YOLO格式339张6类别.md
【重要提示】本资源设置为0积分下载，若非0积分请勿轻易下载 亲爱的CSDN用户： 首先感谢你点进这个资源页面。我需要提前说明一个重要情况： 本资源原本已设置为“0积分下载”，即作者希望完全免费共享。但CSDN平台有时会根据文件的下载热度、文件大小、用户权限等因素，自动将部分资源的积分调整为非0数值（如1积分、2积分、5积分等）。这是平台系统的自动行为，而非作者本人的设定。 因此，如果你当前看到该资源的下载所需积分不是0（例如显示为1、2、3……），请谨慎决定是否下载。 如果你按照非0积分支付并下载后发现资源内容不符合预期、链接失效，或者实际上该资源本应是免费的，作者无法为此承担积分损失或退还操作。强烈建议：仅在页面显示为0积分时进行下载。 另外，本资源描述中并未直接提供具体的下载地址或外部链接，因为它本身是一个通过CSDN官方上传通道提交的文件/内容包。如果你看到描述中没有外部网盘地址，这是正常的——资源文件应通过CSDN内置的“下载”按钮获取。若因平台积分显示异常导致你支付了积分，请优先联系CSDN客服咨询积分退还政策，作者没有权限修改平台自动设定的积分值。 感谢你的理解与支持。技术分享本应开放，但受限于平台规则，特此提醒如上。祝学习进步！
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章