Jquery SimpleModel是否单击以显示图像？_Jquery_Simplemodal

Jquery SimpleModel是否单击以显示图像？

jquery

Jquery SimpleModel是否单击以显示图像？,jquery,simplemodal,Jquery,Simplemodal,我已经在这方面工作了大约十个小时，我还没有比开始时更接近摸索这个方法。在上的示例中，似乎没有一个用我熟悉的术语和HTML代码来解决这项任务。我的测试页面位于：我想我是按照指示做的，试着： <!DOCTYPE html> <html lang="en"> <head><title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=

我已经在这方面工作了大约十个小时，我还没有比开始时更接近摸索这个方法。在上的示例中，似乎没有一个用我熟悉的术语和HTML代码来解决这项任务。我的测试页面位于：

我想我是按照指示做的，试着：

<!DOCTYPE html> <html lang="en"> 

<head><title>test</title>

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

<link href="../css/demo.css" rel="stylesheet" />
<link href="../css/basic.css" rel="stylesheet"  />
<link href="../css/gallery.css" rel="stylesheet"  />

</head><body>

<div><a href="images/aveskulov-large.jpg" id="sample">
click me </a></div>

<!--jQuery-->
<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script src="js/jquery.simplemodal-1.4.1-min.js"></script>
<script src="js/basic-min.js"></script>
<script src="js/gallery-min.js"></script>

<script>$("#sample").modal({opacity:80,overlayCss: {backgroundColor:"#fff"}});</script>

</body></html>


测试
$（“#样本”）.modal（{opacity:80，overlycs:{backgroundColor:“#fff”}}）；

但结果很糟糕。我真的很想知道我错过了什么简单的解决方案

在DOM完全加载时尝试附加简单模式：

<script>
$(document.ready(function() {
  $("#sample").modal({opacity:80,overlayCss: {backgroundColor:"#fff"}});
});
</script>


$（document.ready（function（））{
$（“#样本”）.modal（{opacity:80，overlycs:{backgroundColor:“#fff”}}）；
});

如果您的问题是图像在新窗口中打开，这可能是因为click me有一个href。它不会加载任何其他代码，直接转到href即可。尝试将您的图像制作成html img标记，将其设置为显示无，然后单击某个元素执行模式并将显示设置为阻止

我不知道你的页面的上一个版本是否是你所尝试的，但是如果是的话，有很多错误阻止了它的工作。但是这得到了你想要的。我相信你可以通过这个来完成它，看看你想要的是什么，但这就是我所做的让它工作

$(document).ready(function() {
     $("#sample").click(function(){
       $.modal("<img src=\"test.php_files/aveskulov-large.jpg\" style=\"\"/>");
     });
});

$（文档）.ready（函数（）{
$（“#示例”）。单击（函数（）{
$.modal（“”）；
});
});

另外，如果你这样做，你需要去掉img html标记，这样它就只存在于这个模式中。祝你好运。另外，如果你没有firebug，它是firefox插件，它会告诉你你有语法错误。

这有点帮助。但是图像会在浏览器的一个新选项卡中弹出，而不是模式。单击我-那没有不行。我不知道stackoverflow是否会通知我是否编辑了我的帖子，但我已经更新了。非常感谢！SimpleModel是一个多功能的产品，我决定将它用于我的其他网站，将照片组作为相关的galery显示。