jquerydiv不动，jquerydom

jquery添加的元素(div)不能触发已有事件,请问是怎么回事?

1、分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。

2、其实最简单的方法就是直接在标签中写onclick=，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

3、很多人都遇到过。所以不需要放代码我也知道。。出现触发不了事件的原因是，你的JS运行的时候没有找到append出来的这段代码，如果想要有效果的话，可以用on(click，function(){})；这个是即时的JQuery代码，望采纳。

4、jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。

5、这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

6、你这个click语句，是肯定不会执行的。因为你这个元素是后来添加的，而click事件的注册，在页面加载时就已经完成了（而此时还没有这个.largeImg元素）解决方法：把事件注册到document上面。这样当执行事件时，会冒泡触发。

相关问答

Q1: 用css+jquery怎么让左边的div动右边的div不动,直到左边的div内容

1、在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变这个元素的left和top属性的具体值来控制元素在页面中显现的位置。

2、一般情况下div的顺序一般就是显示的顺序，这样方便css的编写以及后期的维护。如果是从学习的角度来说，对于float有一个建议就是如果div浮动，那么他的兄弟元素都float。

3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。

4、CSS让DIV固定位置不随滚动条而滚动， fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

5、书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

Q2: jquery写的隐藏div为什么没有效果

1、你要先确定，你所要添加样式的标签，是否在页面标签内部写了display的其他样式，造成了样式的干扰。

2、这里写错了，分号写在属性值后面的，不是写在大括号后面的 div1，#div2，#div3，div4 {display： none；} 这样就可以了。

3、jquery实现元素隐藏和显示效果有两种方法，分别为：使用 hide() 和 show() 方法来隐藏和显示元素使用toggle() 方法来隐藏和显示元素下面我们来看看这两种方法具体是如何实现元素的隐藏和显示。

4、可以显示的，只是你的 div 中没有东西，你看不到效果而已，在div 中 加上几个字符试下。

Q3: js或者jquery实现div不随滚动条滚动

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

自己用jq写了一个垂直滚动条。纯css也可以实现.box：-webkit-scrollbar{display：none}但是edge和Firefox不兼容，自己想了一下只要监听滚轮事件，用jq写应该很简单，所以就自己写了一下。

新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

可以把该元素的定位设置为fixed，该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现，不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。

滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条。只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。

设置完成后保存文件：打开浏览器，可以看到div并且可以观察到进度条是最上面的：接着将进度条拉倒最下面，可以发现div还是在原来的位置保持不变。

Q4: 用jquery使一个按钮让div左右移动怎么办?

新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。

})(jQuery)；调用说明：$(.x-movable).Drags({handler：.x-panel-header，zIndex：10000，opacity：0.7，direction：x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。

这不需要用jquery，用css就可以满足。给你做了个例子。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行yidong（）函数。在js标签中，创建yidong()函数，在函数内，通过class(content)获得div对象，使用animate()方法让div在1秒内向左移动100px。

用jQuery实现div随鼠标移动而移动方法：让div随着鼠标走，需要知道几个关键点 如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。

关于jquerydiv不动和jquerydom的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。