gpt4 book ai didi

javascript - jQuery:隐藏元素

转载 作者:行者123 更新时间:2023-11-28 20:34:39 24 4
gpt4 key购买 nike

我有一个“反馈小部件”,我想在低分辨率屏幕上隐藏它。我的问题是它在 <body> 之后注入(inject)以下代码无论我尝试什么,我都无法隐藏reformal_tab元素

<a id="reformal_tab" href="http://domain.com" onclick="Reformal.widgetOpen();return false;" onmouseover="Reformal.widgetPreload();" onmouseout="Reformal.widgetAbortPreload();"><img alt="" src="domain.com/tab.png"></a>

我尝试过的

<script>
$('reformal_tab').hide();
$('#reformal_tab').hide();
</script>

如果可以帮助的话,这就是实际的小部件 http://reformal.ru/

代码:

<script type="text/javascript">
$(function() {
$('#reformal_tab').hide();
});

var reformalOptions = {
project_id: 93459,
project_host: "domain.com",
tab_orientation: "left",
tab_indent: "50%",
tab_bg_color: "#F05A00",
tab_border_color: "#FFFFFF",
tab_border_width: 2
};

(function() {
var script = document.createElement('script');
script.type = 'text/javascript'; script.async = true;
script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'media.reformal.ru/widgets/v3/reformal.js';
document.getElementsByTagName('head')[0].appendChild(script);
})();
</script>

你可以在这里看到它的直播 http://jsfiddle.net/PQsQq/2/

最佳答案

第二个调用是有效的。 # 通过 id 引用元素。

$('#reformal_tab').hide();

您还需要在文档准备好时调用它。

$(function() {
$('#reformal_tab').hide();
});

为什么不在注入(inject)时将其隐藏,然后可以在更高分辨率的屏幕上显示它?

<a id="reformal_tab" style="display:none;" href="http://domain.com" ...

然后在你的脚本中的某个地方..

if(highResolution) {
$("#reformal_tab").show();
}

关于javascript - jQuery:隐藏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15671981/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com