我的jQuery .load是否被CMS搞砸了
Is my jQuery .load bloacked by the CMS?
我在可移动类型CMS页面中使用了prettyPhoto。要使其工作,我必须使用
<p>
<mt:setvarblock name="html_head" append="1">
JS scripts here
</mt:include>
</p>
部分。要制作一个包含 30-40 张图片的画廊,我必须为每张图片添加一个看起来像这样的块:
<a href="pathtoimage.jpg" rel="prettyPhoto[GalleryName]" title="Some title">
<img src="pathtothumbnail.jpg" alt="alt text" height="120" width="120" />
</a>
我想使用(python)脚本从csv文件生成这些条目,并将其放入Web服务器上的单独文件中。然后我使用此代码将这些条目加载到页面中:
<div id="divTestArea1"></div>
<script type="text/javascript">
$(function() {
$("#divTestArea1").load("output_en.txt");
});
</script>
当我加载页面时,缩略图会显示,但是当我单击它们时,将加载路径图像.jpg而不是漂亮的照片。
我的问题:我做错了什么还是出于安全原因,可移动字体阻止了执行?如何调试?我有萤火虫,但不知道要寻找什么。
PS:将条目直接粘贴到页面中时,它会按预期工作。
编辑:完整的工作代码
<p>
<mt:setvarblock name="html_head" append="1">
<script src="../gallery/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="../gallery/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="../gallery/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</mt:setvarblock>
<mt:include name="include/header.tmpl">
<div id="divTestArea1"></div>
<script type="text/javascript">
$(function() {
<!--$("#divTestArea1").load("../gallery/output_en.txt");-->
$("#divTestArea1").load("../gallery/output_en.txt", function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
});
</script>
<script type="text/javascript" charset="utf-8">// <![CDATA[
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({social_tools: false});
});
// ]]></script>
</mt:include>
</p>
尝试在 AJAX 完成加载后包含 prettyPhoto() 调用,因为目前插件正在页面加载时执行,在它所针对的元素在 DOM 中可用之前。
<script type="text/javascript">
$(function() {
$("#divTestArea1").load("../gallery/output_en.txt", function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
});
</script>
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何使用jQuery自动打开页面上的所有链接
- 如何使用jquery在填充自动完成的值后使文本框只读
- jQuery:循环一个具有不同超时值的循环
- 用程序搜索JQuery数据表中的文本
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- jQuery匹配JSON对象的部分文本
- Jquery POST未填充数组
- JQuery使计数器每次更改时都会增加
- 如何在Angular2中使用jQuery插件
- 提高JQuery的性能
- 无法在通过jQuery的ajax加载的页面中执行javascript
- JQuery合并了keyup和focusout两个函数
- 如何使用jQuery选择下拉列表的值
- 将PHP变量传递给jQuery时遇到问题
- jQuery UI自动完成突然停止工作
- 剑道网格jQuery动画()问题
- 我的jQuery .load是否被CMS搞砸了
- jQuery .load()方法不工作w/ CMS文章
- 由于CMS输出的JQuery手风琴问题