87,993
社区成员
发帖
与我相关
我的任务
分享请问一下各位怎么解决MUI和jq的冲突问题的
mui和jq的$冲突，jq的$可以用jQuery来代替。但貌似选择器这样写不能用啊 jQuery（“#id”）.我听说网上mui新版本已经不冲突了，是真的吗？我下载下来的都冲突
...全文
请发表友善的回复…
发表回复
letMeAlone_ 2017-08-01
- 打赏
- 举报
何必搞这个东西，释放后，美元符只能替换为JQUERY了，还不如用mui 直接用 mui(),
$就当是JQ的专属就好了
XiaoYi96 2017-07-31
- 打赏
- 举报
我试过了呀，选择器不能用
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var $=jQuery.noConflict();
$("#tan").click(function() {
alert("12313");
})
[/quote]
noConflict是释放$，$已经不是jquery对象了，之后只能全部用jQuery
而且你的代码要放到tan这个dom对象下
jQuery("#tan").click(function() {
alert("12313");
})[/quote]
这是我实验用的代码,依旧是不弹2222
<div id="tan" style="height:50px;width:50px;back...等"></div>
<script src="js/jquery-1.8.3.min.js"></script>
<scrpit>
jQuery.noConflict();
jQuery(document).ready(function() {
alert("1111");
})
jQuery("#tan").click(function() {
alert("2222");
})
</script>[/quote]检查你jquery地址都对了没有
<script src="js/jquery-1.8.3.min.js"></script>
<scrpit>
alert(window.jQuery)//加这句看输出什么，undefined那肯定jquery路径错了
jQuery.noConflict();[/quote]
我格外的把代码拿出来测的，发现这种情况下都不会弹窗
<link rel="stylesheet" href="css/mui.min.css">
</head>
<body>
<div id="q" class="mui-off-canvas-wrap mui-draggable">
<div id="w" class="mui-inner-wrap">
<div class="mui-scroll">
<div id="asdas" style="width: 200px;height:200px;background-color: red;">1231231</div>
</div>
</div>
</div>
</body>
<script src="js/mui.min.js"></script>
<script src="jiu/tongyong/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$("#asdas").click(function() {
alert("12313");
})
</script>
但是当我把id=q或者id=w的div中的三个class属性，随便去掉一个，居然可以弹了，我去
斯洛文尼亚旅游 2017-07-29
- 打赏
- 举报
我试过了呀，选择器不能用
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var $=jQuery.noConflict();
$("#tan").click(function() {
alert("12313");
})
[/quote]
noConflict是释放$，$已经不是jquery对象了，之后只能全部用jQuery
而且你的代码要放到tan这个dom对象下
jQuery("#tan").click(function() {
alert("12313");
})[/quote]
这是我实验用的代码,依旧是不弹2222
<div id="tan" style="height:50px;width:50px;back...等"></div>
<script src="js/jquery-1.8.3.min.js"></script>
<scrpit>
jQuery.noConflict();
jQuery(document).ready(function() {
alert("1111");
})
jQuery("#tan").click(function() {
alert("2222");
})
</script>[/quote]检查你jquery地址都对了没有
<script src="js/jquery-1.8.3.min.js"></script>
<scrpit>
alert(window.jQuery)//加这句看输出什么，undefined那肯定jquery路径错了
jQuery.noConflict();
XiaoYi96 2017-07-29
- 打赏
- 举报
我试过了呀，选择器不能用
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var $=jQuery.noConflict();
$("#tan").click(function() {
alert("12313");
})
[/quote]
noConflict是释放$，$已经不是jquery对象了，之后只能全部用jQuery
而且你的代码要放到tan这个dom对象下
jQuery("#tan").click(function() {
alert("12313");
})[/quote]
这是我实验用的代码,依旧是不弹2222
<div id="tan" style="height:50px;width:50px;back...等"></div>
<script src="js/jquery-1.8.3.min.js"></script>
<scrpit>
jQuery.noConflict();
jQuery(document).ready(function() {
alert("1111");
})
jQuery("#tan").click(function() {
alert("2222");
})
</script>
XiaoYi96 2017-07-29
- 打赏
- 举报
我试过了呀，选择器不能用
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var $=jQuery.noConflict();
$("#tan").click(function() {
alert("12313");
})
[/quote]
noConflict是释放$，$已经不是jquery对象了，之后只能全部用jQuery
而且你的代码要放到tan这个dom对象下
jQuery("#tan").click(function() {
alert("12313");
})[/quote]
我这里的tan是一个id名称整体结构是这样的
<div id="tan" style="height:50px;width:50px;back...等"></div>
<script src="js/jquery-1.8.3.min.js"></script>
<scrpit>
$(document).ready(function() {
alert("1111");
})
$("#tan").click(function() {
alert("2222");
})
</script>
然后我将jQuery.noConflict();放在任何一个位置，也是只弹出1111而点击tan这个div不弹出2222
斯洛文尼亚旅游 2017-07-29
- 打赏
- 举报
我试过了呀，选择器不能用
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var $=jQuery.noConflict();
$("#tan").click(function() {
alert("12313");
})
[/quote]
noConflict是释放$，$已经不是jquery对象了，之后只能全部用jQuery
而且你的代码要放到tan这个dom对象下
jQuery("#tan").click(function() {
alert("12313");
})
XiaoYi96 2017-07-29
- 打赏
- 举报
我试过了呀，选择器不能用
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var $=jQuery.noConflict();
$("#tan").click(function() {
alert("12313");
})
斯洛文尼亚旅游 2017-07-29
- 打赏
- 举报
jquery你noConflict过了没有，释放对$的占用
<script src="jquery.js"></script>
<script >jQuery.noConflict()</script>
<script src="jquery.js"></script>
<script >jQuery.noConflict()</script>
