- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我真的被这个问题困住了,我的代码在 Localhost 上运行良好但在 Fasthosts 服务器上运行不正常,这似乎是对服务器上文件夹的某种访问问题,这里是调试消息。
GET (http://reggarockaboogie.co.uk/images/gallery/fld01/) 403 (Forbidden)
k.cors.a.crossDomain.send @ jquery.min.js:4
n.extend.ajax @ jquery.min.js:4
LoadGallery @ gallery.html:95
(anonymous function) @ gallery.html:86
j @ jquery.min.js:2
k.fireWith @ jquery.min.js:2
n.extend.ready @ jquery.min.js:2
I @ jquery.min.js:2
这是我的代码,
< script >
$(document).ready(function() {
LoadGallery($('a[data-albumid]:first').data('albumid'));
$("a").click(function() {
var dir_path = $(this).data("albumid");
LoadGallery(dir_path);
return false;
});
});
function LoadGallery(dir_path) {
$.ajax({
url: dir_path,
success: function(data) {
$(".image-container").empty();
$(data).find("a:contains(.jpg), a:contains(.png), a:contains(.jpeg)").each(function() {
this.href.replace(window.location.host, "").replace("http:///", "");
var file = dir_path + $(this).text();
$(".image-container").append($("<a href='javascript:;' class='thumb' data-src='" + file + "'><img src='" + file + "' title='Click to enlarge' alt='#'/></a>"));
if ($(".image-container").children("a").length === 30) {
return false;
}
});
$(".image-container").append("<strong><p>Click on a thumb nail to show a larger image.</p></strong>");
$(".thumb").bind('click', function() {
var Popup = "<div class='bg'></div>" + "<div class='wrapper'><img src='<img src=''/>" + "<label href='javascript:;' class='prev-image'>«</label><label href='javascript:;' class='next-image'>»</label><a href='javascript:;' class='close' title='Close'>Close</a>";
var Img = $(this).attr("data-src");
$("body").prepend(Popup);
$(".bg").height($(window).height() * 4);
$(".wrapper img").attr("src", Img);
$(".prev-image").bind('click', function() {
var prev = $(".image-container").find("img[src='" + Img + "']").parent().prev('a').find("img").attr('src');
if (!prev || prev.length === 0)
return false;
else {
$(".wrapper img").attr("src", prev);
Img = prev;
}
});
$(".next-image").bind('click', function() {
var next = $(".image-container").find("img[src='" + Img + "']").parent().next('a').find("img").attr('src');
if (!next || next.length === 0)
return false;
else {
$(".wrapper img").attr("src", next);
Img = next;
}
});
$(".close").bind('click', function() {
$(this).siblings("img").attr("src", "")
.closest(".wrapper").remove();
$(".bg").remove();
});
});
}
});
}; < /script>
@import url(http://fonts.googleapis.com/css?family=Varela+Round);
#nav {
float: left;
width: 20px;
margin: 10px 10px 20px 0px;
}
#nav, #nav ul {
list-style: none;
padding: 0;
}
#nav a {
position: relative;
display: block;
width: 105px;
padding-left: 10px;
margin: 3px 0;
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
color: #fff;
}
#nav a:link, #nav a:visited {
border-left: #00425E solid 10px;
color: #fff;
}
#nav a:hover, #nav a:active {
border-left-color: #fff;
background-color: #770709;
color: #fff;
}
#nav a#here {
border-left-color: #fff;
background-color: transparent;
color: #fff;
}
#nav ul {
margin-left: 20px;
}
#nav ul a {
width: 50px;
color: #fff;
}
.image-container {
padding-top: 50px;
}
.image-container img {
background-color: white;
border: 4px solid #444;
box-shadow: 0 0 5px #222;
padding: 3px;
margin-top: 10px;
height: auto;
width: auto;
max-width: 100px;
max-height: 100px;
transition: all .7s ease-in-out;
}
.image-container img:hover {
border: 4px solid #888;
cursor: zoom-in;
}
.bg {
background-color: #333;
filter: alpha(opacity=70);
left: 0;
opacity: 0.7;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.wrapper {
background-color: white;
border: 3px solid #444;
box-shadow: 0 0 5px #222;
padding: 3px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1001;
}
.wrapper .next-image {
position: absolute;
font-size: 2.8em;
top: 50%;
color: #999;
width: 45px;
line-height: 30px;
text-align: center;
height: 45px;
border-radius: 100%;
opacity: 0.7;
filter: alpha(opacity=40); /* For IE8 and earlier */
right: 10px;
left: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrapper .prev-image {
position: absolute;
font-size: 2.8em;
top: 50%;
color: #999;
width: 45px;
line-height: 30px;
text-align: center;
height: 45px;
border-radius: 100%;
opacity: 0.7;
filter: alpha(opacity=40); /* For IE8 and earlier */
left: 10px;
right: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wrapper .prev-image:hover {
border: 2px solid #ccc;
cursor: pointer;
opacity: 1;
}
.wrapper .next-image:hover {
border: 2px solid #ccc;
cursor: pointer;
opacity: 1;
}
.close {
background: transparent url(../gallery/close.png) no-repeat;
height: 32px;
position: absolute;
right: -16px;
text-indent: -9999px;
top: -16px;
width: 32px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1 /jquery.min.js"></script>
<div id="content-container" style="height: 600px;">
<div id="content" style="height: 600px;">
<div style="float: left; width: 200px;">
<h1> <span>The Gallery</span> </h1>
<ul id="nav">
<li><a href="" id="here">Gallery</a>
<ul>
<li><a href="#" data-albumid="images/gallery/fld01/">2014</a>
</li>
<li><a href="#" data-albumid="images/gallery/fld02/">2014</a>
</li>
<li><a href="#" data-albumid="images/gallery/fld03/">2014</a>
</li>
<li><a href="#" data-albumid="images/gallery/fld04/">2015</a>
</li>
<li><a href="#" data-albumid="images/gallery/fld05/">2015</a>
</li>
</ul>
</li>
<li><a href="../index.html">Back to home</a>
</li>
</ul>
</div>
<div class="image-container">
<strong><p>Select a menu option to display a list of thumb nails.</p></strong>
</div>
<!-- Script goes here -->
<div class="clear"></div>
</div>
</div>
最佳答案
URL 返回 403 错误;这与您的客户端代码完全无关。
最可能的原因是:
关于服务器上禁止 Javascript 访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34274748/
谁能解释一下 Server.MapPath(".")、Server.MapPath("~")、Server.MapPath(@"之间的区别\") 和 Server.MapPath("/")? 最佳答案
我不知道,为什么我们要使用 Server.UrlEncode() & Server.UrlDecode()?!在 QueryString 中我们看到 URL 中的任何内容,那么为什么我们要对它们进行编
我已经通过 WHM 在我的一个域上安装了 ssl 证书。网站正在使用 https://xyz.com . 但是它不适用于 https://www.xyz.com .我已经检查了证书,它也适用于 www
我已经使用 WMI 检测操作系统上是否存在防病毒软件,itz 正常工作并通过使用命名空间向我显示防病毒信息,例如 win xp 和 window7 上的名称和实例 ID:\root\SecurityC
我们有 hive 0.10 版本,我们想知道是否应该使用 Hive Server 1 或 Hive Server2。另一个问题是连接到在端口 10000 上运行的 Hive 服务器,使用 3rd 方工
我想在 C++ 中使用 Windows Server API 设置一个 HTTPS 服务器,我使用了示例代码,它在 HTTP 上工作正常,但我就是不能让它在 HTTPS 上工作。 (我不想要客户端 S
我写了一个非常基本的类来发送电子邮件。我用 smtp 服务器对其进行了测试,它工作正常,但是当我尝试使用我公司的交换服务器时,它给出了这个异常: SMTP 服务器需要安全连接或客户端未通过身份验证。服
我的应用程序包含一个“网关”DataSnap REST 服务器,它是所有客户端的第一个访问点。根据客户端在请求中传递的用户名(基本身份验证),请求需要重定向到另一个 DataSnap 服务器。我的问题
我有一个 Tomcat 服务器和一个 Glassfish4 服务器。我的 Servlet 在 Tomcat 服务器上启动得很好,但在 Glassfish4 服务器上给我一个“HTTP Status 4
我在 vmware 上创建了一个 ubuntu 服务器。我用它作为文件服务器。如果我通过托管虚拟机的计算机进行连接,则可以访问它。我无法从同一网络上的其他计算机执行此操作。提前致谢! 最佳答案 首先确
如何重启 Rails 服务器?我从 开始 rails server -d 所以服务器是分离的 我知道的唯一方法就是去做ps 辅助 | grep rails 并 kill -9关于过程#但是像这样杀死进
我实际上正在尝试找到编写一个简单的 XMPP 服务器的最佳方法,或者找到一个占用空间非常小的服务器。我只关心XMPP的核心功能(状态、消息传递、群组消息传递)。目前还在学习 XMPP 协议(proto
我实际上正在尝试找到编写简单 XMPP 服务器的最佳方法,或者找到一个占用空间非常小的方法。我只关心 XMPP 的核心功能(统计、消息、组消息)。目前也在学习 XMPP 协议(protocol),所以
我们正在尝试从 Java JAX-RS 适配器访问 SOAP 1.1 Web 服务。 我们正在使用从 WSDL 生成的 SOAP 客户端。 但是当解码 SOAP 故障时,我们得到以下异常: ... C
目前,我和许多其他人正在多个平台(Windows、OS X 和可能的 Linux)上使用 Python HTTP 服务器。我们正在使用 Python HTTP 服务器来测试 JavaScript 游戏
我有一个连续运行的服务器程序(C#/.NET 2.0 on Linux with mono),我想从 PHP 脚本连接到它以在网站上显示状态信息。 目的是创建一个(某种)实时浏览器游戏(无 Flash
所以我有一个单页客户端应用程序。 正常流程: 应用程序 -> OAuth2 服务器 -> 应用程序 我们有自己的 OAuth2 服务器,因此人们可以登录应用程序并获取与用户实体关联的 access_t
我们刚刚将测试 Web 服务器从 Server 2008 升级到 Server 2012 R2。我们有一个部署我们网站的批处理脚本。当它将站点推送到服务器时,它现在失败了。奇怪的是,我可以使用相同的发
建议一些加载SpagoBI服务器的方法,我尝试了所有方法来解析spagobi服务器。在 Catalina 中,错误是 - * SEVERE: Unable to process Jar entry [
当我们点击应用程序服务器(apache tomcat)时,它会创建一个线程来处理我们的请求并与 tomcat 连接,建立连接,tomcat 创建另一个线程来处理请求并将其传递给连接,连接线程将其传递给
我是一名优秀的程序员,十分优秀!