C# Jquery Lightbox不使用母版页

C# Jquery Lightbox不使用母版页,c#,javascript,jquery,master-pages,lightbox,C#,Javascript,Jquery,Master Pages,Lightbox,我以前使用过lightbox和variations,但在让它正常工作时遇到了麻烦。希望有人能给我一些建议,因为我还不是javascript方面的专家。C#/ASP网站有一个母版页,其他每一页都使用该母版页。链接也是通过代码动态生成的。在我的测试中,我得到了两个结果:要么它像普通链接一样工作并将我重定向到图像,要么当我点击它时它什么也不做 在母版页标题中: <script src="../js/jquery-1.7.2.min.js"></script> <scrip

我以前使用过lightbox和variations,但在让它正常工作时遇到了麻烦。希望有人能给我一些建议,因为我还不是javascript方面的专家。C#/ASP网站有一个母版页,其他每一页都使用该母版页。链接也是通过代码动态生成的。在我的测试中,我得到了两个结果:要么它像普通链接一样工作并将我重定向到图像,要么当我点击它时它什么也不做

在母版页标题中:

<script src="../js/jquery-1.7.2.min.js"></script>
<script src="../js/lightbox.js"></script>
生成的链接(通过firebug inspect):



图像显示良好,当我使用firebug检查时,一切都似乎良好(它具有“rel”属性等)。

请确保您正在母版页中的document.ready某处配置lightbox

$(document).ready(function(){

$('YourLightBoxSelector').lightbox(); 

});

由于您的元素是动态添加的。。。在文档中添加动态生成的元素后,调用lightbox将起作用

DynLink.ImageUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) +     "_thumb100_100" + Path.GetExtension(image.Photo).Replace("//","/"); 
DynLink.NavigateUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) + "_thumblowres" + Path.GetExtension(image.Photo); 
DynLink.Attributes.Add("rel", "lightbox");
//your append code..
$('#dynamicelementID').lightbox();

Path.GetFileNameWithoutExtension路径变量应具有路径“~/PostPhotos/Thumbnails/”,签入运行时源,您可能得到错误的文件路径/SRC,是否初始化了lightbox$(函数(){//Lightbox init});我不知道你必须初始化它?从我看到的示例中,您只是引用.js文件并将rel部分添加到链接中?这就是我以前所做的并且成功的所有事情抱歉添加了那行代码无法编译,这是用javascript还是c语言编写的?添加了以下内容:$(document).ready(function(){$('YourLightBoxSelector').lightbox();})。。。但这并没有解决任何问题=/
$(document).ready(function(){

$('YourLightBoxSelector').lightbox(); 

});
DynLink.ImageUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) +     "_thumb100_100" + Path.GetExtension(image.Photo).Replace("//","/"); 
DynLink.NavigateUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) + "_thumblowres" + Path.GetExtension(image.Photo); 
DynLink.Attributes.Add("rel", "lightbox");
//your append code..
$('#dynamicelementID').lightbox();