将代码从JS转换到Jquery

我发现了一些代码来运行工具栏，并需要一些帮助将它转换为jQuery，以便我可以使用现有的代码。将代码从JS转换到Jquery

scroll_final=document.body.scrollTop; 
scroll_final=document.documentElement.scrollTop; 


var toolbarid=document.getElementById('toolbar'); 
toolbarid.style.visibility='hidden'; 


toolbarid.style.opacity='1.00'; 
toolbarid.style.filter='alpha(opacity=100)'; 
toolbarid.style.visibility='visible';

一如往常...谢谢你的帮助，托德

来源

2012-02-09 maddogandnoriko

你检查了文档吗？ – SLaks 2012-02-09 02:50:11

http://docs.jquery.com/Tutorials – 2012-02-09 02:52:53

如果你看一下doco for the jQuery .scrollTop() method，在底部有关于它在不同的浏览器以不同的工作，如果你想一些意见以获得整个文档的顶部。所以，这取决于你的浏览器试试：

scroll_final = $("body").scrollTop(); 
scroll_final = $(document).scrollTop(); 
scroll_final = $(window).scrollTop(); 
scroll_final = $("html").scrollTop();

为了您的其他代码，像这样：

var $toolbar = $('#toolbar'); 
$toolbar.css("visibility", "hidden"); 

$toolbar.css({ 
    opacity : '1.00', 
    filter : 'alpha(opacity=100)', 
    visibility : 'visible' 
});

我认为，你将它设置为隐藏在其中设置其他属性的一部分且该部分与让它在不同的事件处理程序或其他东西中可见，因为如果这些代码全部在同一块代码中，它将在浏览器重新绘制之前全部运行。

不是设置“可见性”属性，而你可以使用：

$toolbar.hide(); 
// OR 
$toolbar.fadeOut(); 

// and then 
$toolbar.show(); 
// OR 
$toolbar.fadeIn();

但是请注意，.hide()是.css('display', 'none')等同。

来源

2012-02-09 02:55:25 nnnnnn

只需添加一个注释：'filter：'alpha（opacity = 100）''应该被移除。 jQuery知道如何在需要时将不透明度转换为IE8和低于过滤器的值。 – JayC 2012-02-09 04:22:54

非常感谢您......我知道所有正确的方法，只是无法将它们连接在一起。 – maddogandnoriko 2012-02-09 12:57:54

将代码从JS转换到Jquery

回答

相关问题