小编nic*_*ero的帖子

我将用一系列图片解释我的问题.

div容器将具有以下背景图像:

在图像的顶部,会有像div一样的平铺:

我的目标是使背景图像仅对瓷砖可见,其余部分隐藏:

非常感谢任何帮助,谢谢!

我遇到的问题是我觉得我的Javascript效率不高,并且有更好的方法来完成我想要做的事情.为了显示我的问题,我在JSFiddle中创建了一个较小版本的项目.

的jsfiddle

最终目标是让左侧的块在单击时在大灰色框中显示信息.这是在JSFiddle中实现的!问题是(我认为这是一个问题)是我为每个块都有一个单独的javascript函数.(这是一个小规模的例子,我的项目有70多个"块")

在每个函数中,隐藏所有先前单击的块,并删除它们的"单击"类.(Clicked类基本上是一个告诉函数是否隐藏/显示信息的标志)

这是其中一个功能的例子......这是正确的方法吗？记住,我的项目是70次,所以我每次都会检查并隐藏每个信息块.

$('.block1').on('click', function (e) {
    if ($(this).hasClass('block1-clicked')) {
       $('.block1-info').fadeOut();
    }
    else {
        $('.block2-info').fadeOut();
        $('.block2').removeClass('block2-clicked');
        $('.block3-info').fadeOut();
        $('.block3').removeClass('block3-clicked');
        $('.block4-info').fadeOut();
        $('.block4').removeClass('block4-clicked');
        $('.block1-info').fadeIn();

    }
   $(this).toggleClass('block1-clicked') ;
});

谢谢!!

我在我的项目中所有必要的地方尝试使我的javascript火灾时遇到困难.在我遇到问题之前,让我给你一些项目背景.

我制作了一个JSFiddle,它是一个非常基础的,但是对我当前网站的准确模拟.我们的想法是,当您单击黑框时,与该框关联的信息将显示在灰色的"信息"框中.

这是JSFiddle:http://jsfiddle.net/5dQUk/27/

问题是黑框中唯一可点击的区域是p标签周围的区域(http://imgur.com/AdQ0Z5F)

有没有办法在单击黑匣子的任何区域时触发javascript？我试过在JavaScript中添加ap异常,但它没有用....

$("#block-buttons").on("click", "div", ***"p",*** function (clickEvent) {

非常感谢任何帮助,非常感谢!