因此,一旦用户单击查看交易本身,我的网站就会使用Google Maps API来显示托管交易的公司的地图。 如果map函数返回true,我将使用$('#map').show()进行显示。

我知道当用户单击页面上的另一个按钮以隐藏div时可以使用.hide(),但是页面上大约有7个按钮可以执行不同的操作并使用$('#map').hide()每一种都是可行的,但似乎是重复且丑陋的编码方式。

当用户单击“查看交易”按钮以外的任何其他按钮.each()某种形式的.each()时,是否有人建议隐藏div?

===============>>#1 票数:1 已采纳

我希望您的按钮共享相同的CSS:

$('.button').click(function(){
    $('#map').hide();
});

===============>>#2 票数:1

您可能有一个用于所有按钮的处理程序,该处理程序仅管理地图可见性,然后还有其他用于更具体内容的处理程序:

$('.button').click(function() {
    $('#map').toggle($(this).is('#the-map-button'));
});

$('#specific-button').click(function() {
    // specific stuff
    // map visibility will be taken care of elsewhere
});

===============>>#3 票数:1

您可以使用切换按钮而不是显示按钮:

$("#map").toggle();

如果正在显示,它将隐藏;如果被隐藏,将显示。

===============>>#4 票数:0

制作一个用于处理视图设置的JavaScript函数。 让每个按钮仅通过传入所需的视图来调用该函数。 然后,只需在代码中的某个位置(在该功能中),即可为新视图准备页面。 与每个按钮具有完全独立的代码相比,这可使您的所有代码干燥得多。

出于某种原因,jQuery事件处理程序常见的设计模式(声明匿名函数)倾向于使人们认为他们必须在每个事件处理程序中分别编写代码,而不是从执行大部分或全部操作的事件处理程序中调用共享函数。只需一处即可使用所有按钮。

  ask by Naterade translate from so

未解决问题?本站智能推荐:

2回复

使用Jquery创建新DOM元素的最佳方法

创建这样的DOM元素是否更好:- 或像这样
3回复

如何在使用JQuery动态创建dom元素后隐藏它?

我正在尝试构建一个表单,用户可以通过单击“添加选项”按钮添加文本字段。 他们还可以通过Jquery动态创建的“删除选项”链接以及文本字段删除添加的字段。 JavaScript的: 当我点击“add_option”按钮时,会出现一个新的文本字段和“delete_link”。 但是
2回复

如何编写抽象层以在jQuery中隐藏DOM元素

我想通过抽象层在我的jquery脚本中隐藏所有DOM元素。 例如HTML元素是这样的 和挂断电话是这样的 我定义了一个抽象层,如下所示 并像下面那样访问这些元素,但是我无法做
5回复

使用javascript / jQuery操作dom元素属性的最佳方法

我想要一些关于dom操纵的回报。 我认为我们可以通过多种方式保存元素的地位。 例如,你想要一个元素“插入”,我必须使用什么? : 将css类添加为“inserted” 使用.data保存属性(“inserted”,true) 将我的元素推入包含所有“inserte
3回复

AngularJS的最佳实践:隐藏/显示新的DOM元素或进行编译

我是AngularJS的新手,我想动态更改按钮的行为。 正如我习惯使用JQuery一样,我使用element.attr('ng-click', 'controller.function()') ; 但是,据我了解,AngularJS需要编译新的DOM。 但是,在我看来, "comp
8回复

用jQuery添加DOM元素的最佳方法

因此,我已经看到了将html / DOM元素添加到页面的三种方法。 我很好奇它们各自的优缺点。 1-传统JavaScript 我相信直接实现JS的方法是构造每个元素,设置属性,然后附加它们。 例子: 2-通过jQuery附加HTML字符串 我注意到,我看到的大多数jQuery示例通常都只
2回复

如何隐藏任何DOM元素

我想要隐藏任何被点击的元素。 例如,如果单击<p></p> ,它应该隐藏,或者如果单击<div></div> ,它应该隐藏。 我试过用: 但是,如果单击一个元素,则会隐藏所有元素。 我怎样才能实现我所描述的目标?
4回复

Jquery esc hide方法没有隐藏元素

我正在制作一个灯箱画廊,但这段代码并没有隐藏我按下esc键时应该隐藏的灯箱div 。 我有像这样的DOM元素: 我把脚本放在这些元素下面,我错过了什么吗?
5回复

隐藏/显示多达100个DOM元素的最有效方法是什么?

假设您最多有100个元素,其类型和格式不会改变,但它们的上下文会改变。 (他们基本上是行) 这些行绑定到输入并随着用户键入而更改。 什么是最佳性能的最佳方法? 重用这些元素,保持一切,但改变他们的背景? 还要别的吗? 编辑,澄清: 搜索算法是无关的,但我确实使用MVVM
3回复

使用jQuery将HTML注入DOM的最佳方法是什么?

我正在制作一个日历页面,允许用户点击一天,然后使用弹出的表单输入当天的条目。 我对jQuery的DOM操作并不陌生,但这是我以前做过的事情,我开始怀疑是否有更有效的方法来做到这一点? 在JavaScript中手动构建HTML是性能最有效的方式(我假设这是真的,比使用appendTo(