jquery html在点击事件时消失

2023-12-11

请看下面的代码:

<body>
<form id="form1" runat="server">
<div>

    <button id="helloButton">
        Search</button>
    <div id="hello">


    </div>
    <script type="text/javascript">
        $(document).ready(
        function () {

            $('#helloButton').click(function () {


                $('#hello').html('<div>hello world</div>');

            });

        });
    </script>
</div>
</form>

当我使用这个脚本时,它所做的只是闪烁“hello world”,它不会将其保留在页面上。这和点击事件有关系吗?我试图单击按钮,然后将对象保留在页面上。


否则,你可以简单地执行 return false ,这将同时完成这两件事 防止默认并停止传播

$('#helloButton').click(function (e) {

    $('#hello').html('<div>hello world</div>');
    return false;
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery html在点击事件时消失 的相关文章

  • bootstrap typeahead - 更改源

    我正在寻找改变的方法source用于提前输入 例如 假设我有以下 2 个列表 并且根据具体情况 我希望使用不同的源进行预输入 var list1 this is first list list2 second list comes here
  • 如何在 Firefox 中动态单击 href 链接?预期方法仅适用于 IE

    http jsfiddle net HVGre 1 http jsfiddle net HVGre 1 测试链接 我的页面上有一个 html 链接 我需要能够动态单击该链接 这在 IE 中与 click 函数配合良好 但在 Firefox
  • Bootstrap 下拉按钮名称在单击时发生变化

    我正在使用下拉按钮 4 个按钮 来过滤项目中的内容 并且我希望按钮名称更改为选定的 这样用户就不会忘记他 她在哪里 见图 这怎么可能 提前谢谢 这是pen http codepen io aktuna pen FqKjb 您可以使用 jQu
  • Flexslider 在循环后停在第一张幻灯片处

    我试图让 Flexslider 进行完整循环 然后在返回到第一张幻灯片后停止或暂停 到目前为止 这是我的代码 window load function flexslider flexslider animation slide animat
  • 单击传单弹出窗口内的链接并执行 Javascript

    我已经准备好了一份传单地图并正在运行 它在地图上覆盖一系列多边形 通过 GeoJSON 并将弹出窗口附加到每个多边形 每个弹出窗口都显示有关该多边形的信息 我想在弹出窗口内有一个链接 单击该链接时 会运行一个 javascript 函数 该
  • jQuery 相当于 YUI StyleSheet Utility?

    jQuery 或其插件之一 是否具有与YUI 样式表实用程序 http developer yahoo com yui 3 stylesheet StyleSheet Utility 能够从头开始创建新的样式表 以及修改作为来自同一域的元素
  • 如何使用 jQuery 在悬停时显示工具提示消息?

    正如标题所述 如何使用 jQuery 在悬停时显示工具提示消息 工具提示插件可能对于您的需要来说太重了 只需使用您希望在工具提示中显示的文本设置 标题 属性即可 yourElement attr title This is the hove
  • 在 Rails 3 中使用 jQuery 插件

    完成哈特尔的伟大导轨教程我现在正在努力实现非常好的目标jQuery 新手到忍者由卡斯尔丁和沙基创作 虽然我能够在我的 Rails 项目中包含 jquery js 和 jquery ui js 但在添加其他 jQuery 插件时我遇到了困难
  • jQuery datepicker 无法正确更新值

    在我目前正在工作的网站上 我有一个用于添加事件的表单 此事件需要用户使用 jQuery 日期选择器选择日期 一个日期只能有一个事件 所以我想检查用户在日期选择器中插入的日期 我尝试通过在用户选择日期后获取值来执行此操作 然而问题是 日期选择
  • 如何使用 jQuery 在输入元素上实现占位符文本?

    我如何在输入上实现 jquery 提示文本
  • ajaxComplete后重新加载reCaptcha

    ajaxComplete 事件完成时 我的 reCaptcha 不会重新加载 我遇到控制台错误 不存在 reCAPTCHA 客户端 那么为什么我的 reCaptcha 客户端在 ajaxComplete 之后就消失了 这是我的示例代码 do
  • 有没有办法让div在通过jquerydraggable[或等等]拖动时不互相重叠?

    有没有办法让div在通过jquerydraggable 拖动时不互相重叠 我有一堆 div 用户可以拖动它们 但我不能让它们彼此重叠 基本上 我正在创建一个画布 用户可以在其中自由移动网站内容 但在移动它们时不需要与其他内容重叠 有任何想法
  • 如何在 js.erb 中使用 Ruby 代码?

    我可以使用以下方式在模态中渲染部分内容escape javascript在js erb文件代码中 body append my modal modal show 但是 我似乎无法获得以下结果 console log ERB 将输出一个纯字符
  • 克隆表行

    我怎样才能使用javascript 我假设 来克隆一个表格行 就像下图所示的那样 您可以将现场活动连接到所有按钮 例如 如果您给他们一类克隆 则以下内容将起作用 input clone live click function put jqu
  • jQuery Mobile 和文本区域行

    所以 我想展示一个textarea仅 1 行 但 jQuery Mobile 并不这么认为 无论我在rows属性 它始终是 2 行高度 请问有什么解决办法吗 jQuery Mobile CSS 设置了特定的高度textarea要素 text
  • 为什么 jQuery 对损坏标记的解释与浏览器不同?

    我之前已经回答过这个问题 https stackoverflow com a 19101905 1253312 但我并不完全理解why答案是正确的 答案的要点 p p function jqrender html a href http w
  • 如何替换 jQueryUI 按钮文本?

    我有一个与 jQuery UI 一起使用的按钮 如下所示 简化
  • JQuery mouseover 函数多次触发

    我很长时间以来一直使用这种方法来为整个类 按钮等 设置事件 div bigButton mouseover function this style backgroundColor dfdfdf 然而 在进行一些测试时 我刚刚注意到 当将鼠标
  • 通过 jQuery ajax 将 JSON 对象数组发送到 MVC3 操作方法

    模型绑定器不支持 JSON 对象数组吗 下面的代码在发送单个 JSON 域对象作为 ajax post 的一部分时起作用 但是 当发送 JSON 域对象数组时 action 参数为 null var domains DomainName t
  • chrome中使用jquery的图像高度问题

    img height 回报0在 Chrome 中 但在 IE 和 Firefox 中返回实际高度 在 Chrome 中获取图像高度的实际方法是什么 正如 Josh 提到的 如果图像尚未完全加载 jQuery 将不知道尺寸是多少 尝试这样的操

随机推荐

  • 相邻元素相乘

    我有一个整数元组 例如 1 2 3 4 5 我想生成元组 1 2 2 3 3 4 4 5 通过相邻元素相乘 是否可以用单行代码来完成此操作 简短而甜蜜 请记住zip只运行最短的输入 print tuple x y for x y in zi
  • 查找:`./folder':没有这样的文件或目录

    这是我正在使用的目录的内容 misha hp laptop work c 5 ls l total 8 rw rw r 1 misha misha 219 May 20 15 37 demo c drwxrwxr x 2 misha mis
  • 是否可以使用按键侦听器显示以前隐藏的 JFrame

    这是我的代码 我基本上只是为最常见的侦听器做了一个测试器 我稍后可能会在未来的项目中使用它 主要问题是在底部的关键侦听器中 我正在尝试重新显示框架 但我认为它只是不能那样做 请帮忙 ps 不知道为什么导入没有正确显示 package new
  • 如何像 instagram uwp 应用程序一样动画网格背景?

    The background keeps on transforming from one gradient to other very beautifully I have no idea from where to start Belo
  • ASP.NET MVC - 按角色显示表单值

    我正在寻找一种理想的方式 让我的输入表单根据角色显示为文本框 可编辑 标签 只读 或隐藏 无法访问 我知道我可以对每种类型的角色有不同的看法 但我希望有一些新的优点可以让我不必做 80 次观看 实际上 这完全取决于您想要在哪里设置与安全相关
  • 我无法在 Eclipse 2023-09 (4.29.0) 中运行 JUnit 5.9.x 测试

    Hi I ve start with start spring io just like below and I was trying to check if test is okay or not by default 但这还没有开始 我
  • 如何检查字符串是否是有效的 JSON 字符串?

    isJsonString Id 1 Name Coke 应该true and isJsonString foo isJsonString div foo div 应该false 我正在寻找一个不使用的解决方案try catch因为我将调试器
  • 当使用 ATL 宏处理 DWebBrowserEvents2 时处理 HTMLElementEvents2

    我正在使用 VS2008 C 创建浏览器帮助程序对象 我的类派生自 IDispEventImpl 等 class ATL NO VTABLE CHelloWorldBHO public CComObjectRootEx
  • org.lwjgl.system.Library错误

    我在 Eclipse 中设置了 LWJGL 3 当我尝试运行测试代码时 它给了我这个错误https www lwjgl org guide Exception in thread main java lang NoClassDefFound
  • 学习如何转换数字输入

    第一次提问 我正在学习如何转换数字输入 从 edX 课程学习并使用 jupyter 笔记本 这是我的代码 calc 1 input What is the first number use integers calc 2 input Wha
  • 如何将多个dll包装在一个dll中[重复]

    这个问题在这里已经有答案了 可能的重复 合并 net托管的dll 我创建了一个测试项目 在其中引用了其他项目中的 dll 当我构建测试项目时 我看到测试项目和引用的 dll 不同 我想将两个 dll 包装在一个 dll 中 我该怎么做 看看
  • 如何在矩形上创建和分布对角条纹?

    我希望能够使用 JFreeChart 创建类似于下图的条形图 这是一个非常基本的单色条形图 但有一个 花哨 的细节 对角条纹 我想这可以通过在普通栏上叠加另一张图片来实现 该图片的尺寸与条形图相同 具有对角白色条纹和透明背景 我不太确定如何
  • 如何在pandas中进行“(df1而不是df2)”数据框合并?

    我有 2 个 pandas 数据框 df1 和 df2 具有公共列 键 x y 我想在键 x y 上进行 df1 not df2 合并 这意味着我希望我的代码返回一个包含 x y 行的数据帧 仅在 df1 中而不是在 df2 中 SAS 具
  • Spark:DF.as[Type] 无法编译

    我正在尝试运行 Spark 书中的示例Spark The Definitive Guide build sbt ThisBuild scalaVersion 3 2 1 libraryDependencies Seq org apache
  • 在 DDD 架构中,我应该在哪里保存辅助类?

    我正在从事一个 DDD 项目 其中包含以下层 UI 应用程序 域和基础设施 助手类应该住在哪里 Update 例如 我正在谈论对象转储器助手 类如 Something Helper Something Manager and Somethi
  • 分割功能无法正常工作

    我正在尝试使用分割字符串Splitjava中的函数 String empName employee name employee Email String empDetails empName split 它给我的结果是 empDetails
  • 如何将 libpqxx 库添加到 cmake 中?

    我正在做我的C 简单的项目 我遇到了一个关键问题CMakelists txt 我无法链接libpqxx库正确 我在用 C 17 CMake 3 10 乌班图16 04 CLion This my CMakelists txt cmake m
  • 理解 Protractor 对 Promise 的使用

    本质上 我正在尝试建立一个用于设置先决条件的库 想想用户创建 由于量角器是基于承诺的并且神奇地完成所有包装以保持秩序 我想到使用 Promise 来达到这个目的 我写了一些示例代码 但我无法解释观察到的行为 所以也许有人可以帮助我理解发生了
  • cassandra c# 驱动程序中的向后分页[关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我们正在尝试使用 cassandra 来存储数据库 我们无法在 c datastax 驱动程序中向后 向前分页 任何人都可以建议一种在 MVC 项目中对结果进行分页的方法吗 您可
  • jquery html在点击事件时消失

    请看下面的代码