Question

我有一个点击事件，其中我想根据点击的内容加载不同的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
    });

http://jsfiddle.net/bLDXS/

Open是一个给定与box，box2和box3相关的链接的类。如何加载box2的内容，我是否必须为每个内容使用特定的类？

Answer 1

Open是一个给定与box，box2和box3相关的链接的类。如何为box2加载＆gt;内容，我是否必须为每个内容使用特定的类？

不，您可以使用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 }
});

Answer 2

试试这个：

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.

    });

Answer 3

修改看完小提琴后，你必须给每个可点击的<p>一个id，并加载相应的框。

HTML：

<p class="terms open" id="box1_clicker">I agree to the <a href="">terms and conditions.</a></p>

JS：

if($(this).attr("id")=="box1_clicker") { // do something }

Example fiddle

您可以为每个框指定一个ID，然后使用jquery's parent()在点击框中点击哪个框的链接进行检查：

if($(this).parent().attr("id") == "box1") { //some code } else if ($(this).parent().attr("id") == "box2") { //some code } // so on

jQuery if语句里面有点击功能

3 个答案: