我正在为网站做一个用户脚本。它的一些文章包含图像,当你点击它们时,它会在另一个页面中打开,我觉得无聊和浪费时间,所以我决定制作一个用户脚本而不是在另一个页面中打开图像将在同一页面上打开,但是在弹出窗口中就像今天大多数网站一样。我为此使用了Magnific Popup。到目前为止这是我的代码。
var link = '';
var link2 = '';
$("head").append('<link rel="stylesheet" href = "https://49535f300cc62ae84be0bc4341ad834057099639.googledrive.com/host/0B7xSofmydrHqMU9pRDJXTEtpQWc">');
$(document).ready(function() {
$('section[class="article"]').find("#intelliTXT").find('a').each(function(){
link2 = "http://www.gamergen.com"+ $(this).attr('href');
$.ajax({
url: link2,
success: function (data){link = $(data).find('.big').find('img').attr('src');},
error : function(){alert(link2)}
});
$(this).magnificPopup({
items: {
src: link
},
type: 'image',
closeOnContentClick: true,
mainClass: 'mfp-img-mobile',
image: {
verticalFit: true
}
});
});
});
弹出窗口部分正在工作,当我点击它而不是关注链接时,它会在弹出窗口中打开图像。问题是实际链接不是图像本身,而是我们被重定向到图像所在的网页。
这:/ image / mort-satoru-iwata-images-captures-splatoon-memorial-condoleance-5-811402-264278是主页上图像的链接,当我们点击它时,我们被重定向到另一个我们可以在网页上找到图片的实际网址:http://global-img.gamergen.com/mort-satoru-iwata-images-captures-splatoon-memorial-condoleance-5_028001C600811402.jpg(所有内容都位于同一个域中,图片位于子域中。尽管我不想使用ajax访问它,我只想复制链接并在我的弹出窗口中的主页面上将其过去
这是以下的HTML:
<a href="/image/mort-satoru-iwata-images-captures-splatoon-memorial-condoleance-11-811408-264278" title="Mort Satoru Iwata images captures splatoon memorial condoleance (11)" class="zoomLink"><img src="http://global-img.gamergen.com/mort-satoru-iwata-images-captures-splatoon-memorial-condoleance-11_00CE009200811408.jpg" alt="Mort Satoru Iwata images captures splatoon memorial condoleance (11)" width="206" height="146"></a>
(图片输入为缩略图)
所以我尝试使用Ajax并从网页获取图像的正确网址所在的网址。
我的ajax查询存在问题,它总是转到错误函数。所以我试图发出警报,检查网址是否合适。我有两个问题,我的网址总是一样的,第二个是网址是好网址,但无论如何它都没有输入成功功能。
我对javascript有点新鲜。我不应该做每一个因素。找到(&#39; a&#39;)。每个?我的ajax查询有什么问题?
谢谢