Facebook 页面/选项卡中的 javascript [fbjs]

发布于 2024-10-05 07:13:50 字数 382 浏览 3 评论 0原文

我只是想在 facebook 应用程序（商业）选项卡上使用一些选项卡功能

我有一些基本的 HTML 和 JS [fbjs]，这似乎不起作用我不知道出了什么问题。

<div id="foo">foo div</div>


<script><!-- 
function changeText(evt){  
    evt.target.style.display = "none";
}

var foo = document.getElementById('foo');
foo.addEventListener('click',changeText);
//--> </script>

我缺少什么？

原文

I simply want some tabbing functionality on a facebook application (business) tabs

I have some basic HTML and JS [fbjs], this doesn't seem to work
I have no clue whats wrong.

<div id="foo">foo div</div>


<script><!-- 
function changeText(evt){  
    evt.target.style.display = "none";
}

var foo = document.getElementById('foo');
foo.addEventListener('click',changeText);
//--> </script>

What am i missing?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

带刺的爱情 2024-10-12 07:13:51

它在 Chrome 中对我有用。您使用什么浏览器？您确定嵌入此代码的页面不包含另一个 id 为“foo”的元素吗？

回复收藏 0 原文

献世佛 2024-10-12 07:13:51

当您在 Facebook 中运行脚本时，Facebook 实际上会更改脚本运行的 JavaScript 和 DOM 环境。 FBJS (Facebook JavaScript) 针对事件和 DOM 元素等内容设置了多个包装器。这意味着像 DOM_Element.style.some_attribute 这样的东西将不起作用。如果您想获取或设置元素的样式，则需要使用 DOM_Element .getStyle() 和 DOM_Element.setStyle() 相反。

事件按照 W3C 指定的方式工作：

来自文档：

//add event listener to 'foo' div (mouseover & mouseout)
document.getElementById('foo').addEventListener('mouseover',myEventHandler);
document.getElementById('foo').addEventListener('mouseout',myEventHandler);

Facebook actually alters the JavaScript and DOM environment in which your scripts run when you run them in Facebook. FBJS (Facebook JavaScript) sets up several wrappers around things like events and DOM elements. That means that things like DOM_Element.style.some_attribute will not work. If you want to get or set the styles of an element, you're going to need to use DOM_Element.getStyle() and DOM_Element.setStyle() instead.

Events work like the W3C specifies:

From the docs:

//add event listener to 'foo' div (mouseover & mouseout)
document.getElementById('foo').addEventListener('mouseover',myEventHandler);
document.getElementById('foo').addEventListener('mouseout',myEventHandler);

回复收藏 0 原文

~没有更多了~