数组中的Jquery函数
我的Javascript函数有一个小问题 这可能对我的代码也有点深,但我很确定Stackoverflow上有人知道awnser 好的,首先我有一个PHP会话,我用它来保存我的图像id 然后我有一个页面,一次显示5个图像,使用JQuery单击功能浏览我的图像 我使用的功能包括:数组中的Jquery函数,jquery,arrays,function,Jquery,Arrays,Function,我的Javascript函数有一个小问题 这可能对我的代码也有点深,但我很确定Stackoverflow上有人知道awnser 好的,首先我有一个PHP会话,我用它来保存我的图像id 然后我有一个页面,一次显示5个图像,使用JQuery单击功能浏览我的图像 我使用的功能包括: $(document).ready(function() { <---- i click the arrow $("#imgnext").click( function(){ if(sessio
$(document).ready(function() { <---- i click the arrow
$("#imgnext").click(
function(){
if(session_set("session_next")== true){ <-------- calling session_set()
img_set_1("img1_hover","1","next","cie_name"); <--------Calling img_set_1()
img_set_2("img2_hover","2","next","cie_name"); <------same for all 5 imgs
img_set_3("img3_hover","3","next","cie_name");
img_set_4("img4_hover","4","next","cie_name");
img_set_5("img5_hover","5","next","cie_name");
}
}
);
$("#imgprev").click(
function(){
if(session_set("session_previous")== true){
img_set_1("img1_hover","1","prev","cie_name");
img_set_2("img2_hover","2","prev","cie_name");
img_set_3("img3_hover","3","prev","cie_name");
img_set_4("img4_hover","4","prev","cie_name");
img_set_5("img5_hover","5","prev","cie_name");
}
}
);
});
在字段中返回正确的img id,该字段为10+1,因为它是img in div img1\u悬停
我有五部这样的电影。因此,每次我看到5个img,我都会将会话img id增加5,这样我就可以看到下一个5个img
因为我做了一个条件来查看会话id增量是否返回true,所以我希望img id是相同的。但是没有
如果我点击我的箭头来加速会话id,页面上就会出现混乱
有人有主意吗
session set()函数
现在设置了会话img id。如果action='session_next'i增加5,否则其上一个值为-5
img set x()函数:
function img_set_1(box_1,sessionid,action,cie) {
var xhr1 = getXMLHttpRequest();
xhr1.onreadystatechange = function() {
if (xhr1.readyState == 4 && (xhr1.status == 200 || xhr1.status == 0)) {
document.getElementById(box_1).innerHTML=xhr1.responseText;
}
};
var sVar1 = box_1;
var sVar6 = sessionid;
var sVar7 = encodeURIComponent(action);
var sVar8 = encodeURIComponent(cie);
xhr1.open("GET", "ajax.php?variable1=" + sVar1 + "&variable6=" + sVar6 + "&variable7=" + sVar7 + "&variable8=" + sVar8, true);
xhr1.send(null);
return true;
}
此函数用于向我返回会话id+img位置。我这样调用5个函数来更改我的5个图像 总体思路:
- 声明一个全局变量,在单击事件中将其设置为true
- 当会话已更新时(当您收到响应时?),将其设置为false
- 检查click事件开头的全局变量。如果为true,则取消单击事件(返回false)
- 我明白了
我随时调用所有函数。现在我在更改会话id时调用函数
istead调用set_session(),然后调用my 5其他函数
我调用set_session()并将5 img函数移到其中,然后在readystate上调用它们
接缝正在工作。请以更清晰的方式缩进代码;这将使您更容易阅读代码并为您提供帮助。
img_set#
函数在做什么?它们会更新随附的div,我会将div的名称和位置从1传递到5。因此,回复将写入div框_1,然后php将position添加到会话id。这给了我一个图像编号。好的,当我运行imgnext click函数时,我将click设置为true,然后在我的session set()函数中,我必须将其设置为false。但我不知道在哪里。我是否应该替换无用的文档.getElementById(box).innerHTML=xhr1.responseText;按单击=错误:??因为同一个函数已经返回true,这是我的其他函数的条件。
function session_set(action) {
var xhr1 = getXMLHttpRequest();
xhr1.onreadystatechange = function() {
if (xhr1.readyState == 4 && (xhr1.status == 200 || xhr1.status == 0)) {
document.getElementById(box).innerHTML=xhr1.responseText;
}
};
var sVar7 = encodeURIComponent(action);
xhr1.open("GET", "ajax.php?variable7=" + sVar7, true);
xhr1.send(null);
return true;
}
function img_set_1(box_1,sessionid,action,cie) {
var xhr1 = getXMLHttpRequest();
xhr1.onreadystatechange = function() {
if (xhr1.readyState == 4 && (xhr1.status == 200 || xhr1.status == 0)) {
document.getElementById(box_1).innerHTML=xhr1.responseText;
}
};
var sVar1 = box_1;
var sVar6 = sessionid;
var sVar7 = encodeURIComponent(action);
var sVar8 = encodeURIComponent(cie);
xhr1.open("GET", "ajax.php?variable1=" + sVar1 + "&variable6=" + sVar6 + "&variable7=" + sVar7 + "&variable8=" + sVar8, true);
xhr1.send(null);
return true;
}