0

我正在编写一个函数来获取单击元素的“数据屏幕”属性（如果有的话），并根据当前活动屏幕是否与单击元素的相同或不同来采取一些措施。

问题是我的如果检查未定义工作正常，但忽略了第二个条件：

  • 如果我点击页面上的其他地方：什么都没有。:D
  • 如果我点击主页链接：什么都没有。:D
  • 如果我点击新任务：它会在控制台上写。:(

谢谢你的帮助！这是我的代码：

HTML

<li><a data-screen="home" href="#">Home</a></li>
<li><a data-screen="new-quest" href="#">New Quest</a></li>

<div id="container" data-screen="new-quest"></div>

JAVACSCRIPT

function getScreen(){
    var body = $('body'),
        activeScreen = $('#content').attr('data-screen'),
        screen;
    body.on('tap',function(e){
        screen = $(e.target).attr('data-screen');
        if(screen != undefined && screen != activeScreen){
            console.log('Target <data-screen>: ' + screen);
            console.log('Active Screen: ' + activeScreen);
        }
     });
}

条件应该是这样的：

screen获取data-screen单击元素的值。第一个条件：如果screen是undefined，则导致元素不具有停止属性，否则继续。第二个条件：如果第一次检查没问题，它上面有一些“屏幕”，检查是否与页面容器的属性screen不同。activeScreen

因为如果它们不同，我可以为页面呈现另一个内容。但它们是 EQUALS 并且它一直在控制台上写入，即使它应该停止。

4

2 回答 2

0

实际上，您的代码（除了拼写错误）正在按预期工作，正如这个小提琴中所证明的那样：

http://jsfiddle.net/LgMYd/

更改<div id="content" data-screen="home">为<div id="content" data-screen="new-quest">测试其他情况。

编辑：我确实修复了上面答案中提到的错字，但我认为这只是你在删除所有 $ 时犯的错字。

此外，正如评论中所说，活动屏幕只会在文档准备就绪时确定一次。如果您正在创建单页应用程序，这将无法按您期望的方式工作！在这种情况下，您必须在每次加载新视图时更新活动屏幕变量。

于 2013-11-15T11:35:08.400 回答
-1

变量中的错字？也许是一个流浪美元？

screen != undefined && $screen != activeScreen

成为

screen != undefined && screen != activeScreen
于 2013-11-15T11:24:17.173 回答