英文:
How can I get an event listener in DevTools when creating jQuery alias?
问题
我无法在Chrome DevTools和Firefox DevTools中获取事件侦听器，当创建一个不同的别名而不是使用jQuery.noConflict来使用jQuery时。
我想知道如何在使用jQuery noConflict时在Chrome DevTools或Firefox DevTools中获取事件侦听器。
<!-- 开始代码片段: js 隐藏: false 控制台: true Babel: false -->
<!-- 语言: lang-html -->
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<!--
无法更改的外部js文件。
<script src="external.js"></script>
-->
<script>
// external.js的内容
let $j = $.noConflict(true);
(function($) {
$(function() {
init();
});
function init() {
$('.click').on('click', function() {
console.log('click');
return false;
});
}
})($j);
$j = null;
</script>
<a href="#" class="click">click</a>
<!-- 结束代码片段 -->
英文:
I can't get an event listener in Chrome DevTools and Firefox DevTools when creating a different alias instead of jQuery to use jQuery.noConflict
I would like to know how to get event listeners in Chrome DevTools or Firefox DevTools when using jQuery noConflict.
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<!--
external js file that I cannot change.
<script src="external.js"></script>
-->
<script>
//Contents of external.js
let $j = $.noConflict(true);
(function($) {
$(function() {
init();
});
function init() {
$('.click').on('click', function() {
console.log('click');
return false;
});
}
})($j);
$j = null;
</script>
<a href="#" class="click">click</a>
<!-- end snippet -->
答案1
得分: 1
在$j = $.noConflict(true);之后设置一个断点。然后，你可以手动分配一些其他变量来保存对这个版本的jQuery的引用：
myJQuery = $j;
然后，你可以使用myJQuery来替代$或jQuery来访问被遮蔽的jQuery版本。
英文:
Set a breakpoint after $j = $.noConflict(true);. Then you can manually assign some other variable to hold a reference to this version of jQuery:
myJQuery = $j;
Then you can use myJQuery in place of $ or jQuery to access the shadowed version of jQuery.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论