`

一个按钮交替单击,作用不同,toggle方法

 
阅读更多

<script>导入JS库</script>

 

<input value="测试 拉框" id="drag" type="button"/>

<script>

//这是百度地图的方法;

var myDrag = new BMapLib.RectangleZoom(map, {
                        followText: "拖拽鼠标进行操作"
                            });
                           
               $("#drag").toggle(
                  function () {
                       alert("hello1");     //测试
                       myDrag.open();  //开启拉框放大   
                  },
                  function () {
                       alert("hello2");
                      myDrag.close();  //关闭拉框放大
                 //   $(this).myDrag.close();  //关闭拉框放大
                  }
                );

</srcipt>

分享到:
评论

相关推荐

    S7-200SMART_库文件_翻转输出状态_toggle_单按钮启停功能.rar

    本资源“S7-200SMART_库文件_翻转输出状态_toggle_单按钮启停功能.rar”提供了一种巧妙的方法,通过库指令实现了一个简单的单按钮启停控制逻辑,这对于许多工业应用来说非常实用。 首先,我们需要了解S7-200SMART ...

    微信小程序--实现多个按钮toggle功能

    百度上很多都是只设置一个按钮的toggle,所以我现在来稍微总结下:多个按钮如何实现自身的toggle功能。原理:1,列表展示的时候,我们会用wx:for 来循环数据,那么我们就会得到相 ...       如下图所示,实现该...

    Toggle切换按钮

    1. **布局设计**:首先,我们需要设计一个XML布局文件,用于定义Toggle按钮的外观。这可能包括两个状态的背景图片(开启和关闭)以及文字标签等元素。我们可以使用Selector资源来处理不同状态下的视觉变化。 2. **...

    可作为Web组件的纯CSS切换Toggle按钮

    为了提高组件的复用性,我们可以将这些样式封装到一个CSS类中,并在其他项目中通过引入这个CSS文件来使用Toggle按钮。这可以有效地减少代码重复,提升开发效率。如果需要更复杂的交互,如添加事件监听和处理逻辑,...

    bootstrap-toggle-buttons

    Bootstrap Toggle Buttons是一款基于Bootstrap框架的插件,用于创建美观、交互性强的切换按钮。这款插件使得在网页设计中添加开关、选项等控制元素变得更加简便。Bootstrap Toggle Buttons提供了丰富的自定义选项,...

    jquery中交替点击事件toggle方法的使用示例

    在jQuery库中,`toggle` 方法是一种非常实用的事件绑定方法,它允许用户在单个事件上交替执行两个或多个函数。使用该方法可以非常简单地实现点击事件的交替触发,这对于想要在点击操作下实现不同动作交替发生的场景...

    微信小程序实现多个按钮toggle功能的实例

    微信小程序实现多个按钮toggle功能的实例 ...3.设置一个点击方法,获取当前按钮所在的是第几个数据,然后将相应的toggle取反,然后将修改后的数据重新写进去 (我出错的地方就在这) 4. 在wxml页面判断to

    ToggleButtons,符合材料设计文档的android切换按钮。.zip

    ToggleButtons是针对Android平台的一个开源项目,专门设计用于实现符合材料设计规范的切换按钮。材料设计是Google推出的一种设计语言,旨在提供一致、直观且富有表现力的用户体验,而ToggleButtons则是这一设计理念...

    toggle的使用

    本案例主要探讨的是jQuery中的`toggle()`方法,它主要用于元素的显示和隐藏,是一个非常实用的功能。 `toggle()`函数是jQuery的核心方法之一,它的基本用法有两种:一种是无参数的,另一种是接受两个函数作为参数。...

    jQuery toggle顶部登录框点击登录按钮滑动显示登录框

    登录按钮通常是一个`&lt;a&gt;`标签或`&lt;button&gt;`标签,而登录框可能是一个`&lt;div&gt;`或者其他容器,里面包含输入表单等元素。例如: ```html 登录 ;"&gt; 用户名"&gt; 密码"&gt; 提交 ``` 接下来,我们需要编写JavaScript...

    LEDTOGGLE_ledtoggle_

    总的来说,"LEDTOGGLE_ledtoggle_"项目是一个关于STM32F411 Nucleo开发板的LED闪烁示例,利用Cube MX生成初始化代码,并通过编程控制GPIO实现LED的周期性亮灭。这个项目可以帮助开发者熟悉STM32系列微控制器的使用,...

    jquery中toggle函数交替使用问题

    但若页面上有多个按钮,且每个按钮控制不同的元素,就可能会出现竞态条件,即在一个元素正在切换状态的时候,另一个按钮的事件被触发了,导致前后两个事件互相干扰。 举例来说,假设有三个按钮,每个按钮绑定到不同...

    jquery css3实现列表toggle特效.zip

    3. **Toggle效果**:toggle是一个jQuery方法,用于在两种状态之间切换元素。在这里,toggle用于控制列表的可见性。当用户点击按钮时,toggle会根据列表当前是否可见来决定是显示还是隐藏列表,同时结合CSS3动画,...

    python-tkinter之按钮的使用,开关方法

    在上面的例子中,我们定义了一个名为 `toggle` 的函数,该函数会检查按钮当前的文本,根据文本的不同来更新按钮的状态。当按钮上的文本为“开始”时,点击按钮后,文本将变为“关闭”,反之亦然。 #### 四、解决...

    jQuery中hover方法和toggle方法使用指南

    toggle方法是另一个强大的jQuery函数,主要用于切换元素的可见状态或在两个动作之间切换。这个方法可以接受两个函数作为参数,第一次触发时会执行第一个函数,随后每次触发时会执行第二个函数,之后再次回到第一个...

    Toggle开关按钮齿轮动画.rar

    Toggle开关按钮在UI设计中是一种常见的交互元素,用于切换两种状态,如开启和关闭、显示与隐藏等。在本资源"Toggle开关按钮齿轮动画.rar"中,包含的两个文件——style.css和index.html,很显然是一个简单的网页项目...

    极简单高效兼容jquery两个按钮点击隐藏或显示两个不同对象_jmjjp制作整理

    在本文中,我们将深入探讨如何使用jQuery实现两个按钮来控制两个不同对象的隐藏与显示,这一功能具有良好的浏览器兼容性,包括IE8及以上版本以及360等主流浏览器。这个功能由jmjjp制作整理,旨在提供一种简洁、高效...

    S7-200SMART 中如何实现单按钮启停功能(两种方法)?.docx

    在S7-200SMART系列PLC中,实现单按钮启停功能是常见的控制需求,这使得操作人员可以通过一个按钮实现设备的启动和停止。本文将详细介绍两种不同的方法来实现这一功能。 **方法一:基于梯形图的逻辑运算** 这种方法...

Global site tag (gtag.js) - Google Analytics