Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
单击函数中的jqueryif语句_Jquery_If Statement - Fatal编程技术网

单击函数中的jqueryif语句

单击函数中的jqueryif语句,jquery,if-statement,Jquery,If Statement,我有一个单击事件,我想根据单击的内容加载不同的div: var open = $('.open'); open.click(function(evt) { evt.preventDefault(); overlay.fadeIn(400, function(){ box.fadeIn(500); // if something load box2 // if something load box3 }); Open是一个

我有一个单击事件,我想根据单击的内容加载不同的div:

var open = $('.open');
open.click(function(evt) {
    evt.preventDefault();
    overlay.fadeIn(400, function(){
        box.fadeIn(500);
        // if something load box2
        // if something load box3
    });

Open是一个类,用于指定与box、box2和box3相关的链接。 如何加载box2的内容,是否必须为每个内容使用特定的类

Open是一个类,用于指定与box、box2和box3相关的链接。如何为box2加载>内容,是否必须为每个内容使用特定的类

不需要,只需使用if语句编写代码:

var open = $('.open');
open.click(function(evt) {
   evt.preventDefault();
    overlay.fadeIn(400, function(){
    box.fadeIn(500);
    if (cond1){ load box2 }
    else if (cond2) {load box3 }
});
Open是一个类,用于指定与box、box2和box3相关的链接。如何为box2加载>内容,是否必须为每个内容使用特定的类

不需要,只需使用if语句编写代码:

var open = $('.open');
open.click(function(evt) {
   evt.preventDefault();
    overlay.fadeIn(400, function(){
    box.fadeIn(500);
    if (cond1){ load box2 }
    else if (cond2) {load box3 }
});
试试这个:

var open = $('.open');
open.click(function(evt) {
    evt.preventDefault();
    box= $(this).attr('rel');//get the rel of your clicked link.
    overlay.fadeIn(400, function(){
        $('#'+box).fadeIn(500);//fadein the div your link relates to if it is your div's id.

    });
试试这个:

var open = $('.open');
open.click(function(evt) {
    evt.preventDefault();
    box= $(this).attr('rel');//get the rel of your clicked link.
    overlay.fadeIn(400, function(){
        $('#'+box).fadeIn(500);//fadein the div your link relates to if it is your div's id.

    });
编辑: 查看小提琴后,您必须为每个可单击的
指定一个id,并加载相应的框

Html:


您可以为每个框指定一个id,然后使用以下命令在“单击”框内检查单击了哪个框的链接:

编辑: 查看小提琴后,您必须为每个可单击的
指定一个id,并加载相应的框

Html:


您可以为每个框指定一个id,然后使用以下命令在“单击”框内检查单击了哪个框的链接:


我不明白这个问题。您是否在询问如何编写
if
条件?您需要发布与您发布的代码相对应的html,以便我们可以帮助您我知道如何编写一个,但在这种情况下如何具体加载box1、box2或box3?请将您的html代码添加到问题中,检查您的DOM类
。open
在html中不存在<代码>:)如何触发点击事件?我不明白这个问题。您是否在询问如何编写
if
条件?您需要发布与您发布的代码相对应的html,以便我们可以帮助您我知道如何编写一个,但在这种情况下如何具体加载box1、box2或box3?请将您的html代码添加到问题中,检查您的DOM类
。open
在html中不存在<代码>:)如何触发单击事件?条件1是否是另一个单击事件,表示如果单击。框2(例如)执行此操作…..否条件不能是另一个单击事件。我认为你的问题还不够清楚。从看起来您想要区分哪个div/box生成了偶数,以及基于该条件您想要显示一些UI操作。如果是这种情况,那么您可以使用$(“this”).attr('id')检查id(如果使用jquery)。条件1是否是另一个单击事件,表示如果单击。框2(例如)执行此操作…..否该条件不能是另一个单击事件。我认为你的问题还不够清楚。从看起来您想要区分哪个div/box生成了偶数,以及基于该条件您想要显示一些UI操作。如果是这种情况,那么如果使用jquery,您可以使用$(“this”).attr('id')检查id。
if($(this).parent().attr("id") == "box1") {
    //some code
}
else if ($(this).parent().attr("id") == "box2") {
    //some code
}
// so on