(原来jq点击会失效)jq---jquery点击事件失效原因和解决办法

JavaScript014

(原来jq点击会失效)jq---jquery点击事件失效原因和解决办法,第1张

https://www.cnblogs.com/leiting/p/9323539.html

https://blog.csdn.net/weixin_34402090/article/details/92466739

参考上面的这些文章

相比自己常用的就是两个出发事件

$('').click(function(){})// 指定对象

$(document).on('click','',function(){})// 获取整个网页文档对象来指定

但是有时候  当动态(通过json)加入数据的时候 那么往往第一个  触发事件就不对了

相当于就触发不了了,因为第一个是在网页加载的时候就指定了对象

所以可以使用第二个 加载整个网页文档的时候在绑定对象 那么就可以解决问题了

第一个是出发的事件  点击之类的 第二个是选择器   第三个是回调吧

$(document).on('click','#queshou',function () {

console.log("99999")

$("#myModal-1").modal("show")

})

您好,您这样:

<head>

<script type="text/javascript" src="script/jquery-1.7.1.js"></script>

<!-- 引用本地jQuery文件 -->

<script>

$(document).ready(function(){

$("button").click(function(){

$("p").toggle()

})

})

</script>

</head>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>代码不起作用</title> 

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

//标准写法,就是需要声明为javascript:脚本(type="text/javascript")

$(document).ready(function() {

 alert(1)

})

</script>

<script>

$(function () {

alert(1)

//代码不起作用,原因有两种时候,一种就是没有引入jquery类库,第二种,就是有其它jquery代码报错(深圳网站建设www.sz886.com)

})

</script>

</head>

 

<body> 

</body>

</html>