为什么我的 IF 无法正常工作

Why my IF isn't working properly?

本文关键字：工作 常工作 我的 IF 为什么      更新时间：2023-09-26

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

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

  • 如果我点击页面上的其他地方：什么都没有。 :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>

贾瓦茨

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不同。

因为如果它们不同，我可以为页面呈现另一个内容。但它们是平等的，即使它应该停止，它也会继续在控制台上写入。

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

http://jsfiddle.net/LgMYd/

将<div id="content" data-screen="home">更改为<div id="content" data-screen="new-quest">以测试其他事例。

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

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

变量中的拼写错误？也许是流浪的美元？

screen != undefined && $screen != activeScreen

成为 

screen != undefined && screen != activeScreen
相关文章：