Question

我有3个文件：a.html，b.html，c.html。当我加载a.html时，我有一个a.js在onload上我加载b.html和c.html就像这样

$.ajax({url: "../b.html", success: function(result){
    $("#topbar").html(result);
}});
$.ajax({url: "../c.html", success: function(result){
    $("#sidebar").html(result);
}});

此部分已正确加载。我还有一个menu.js，其中包含id＆＃39; idElementMenu＆＃39;来自b.html有一个onclick事件的监听器。问题是，当我点击元素＆＃39; idElementMenu＆＃39;我想与文件c.html的元素进行交互。问题是，当我点击该元素时，我可以看到该事件被调用，但找不到另一个元素。

起初我将b.html和c.html放在一起，但出于某些原因我需要拆分它。我想在装载它时拆分它，但没有找到一个舒适的方式。

**已编辑

$(document).ready(function () { 
$('#sidebarCollapse').on('click', function () { // in b.html
    // open sidebar
    $('#sidebar').toggleClass('active'); // in c.html
});

提前致谢

Answer 1

我已经解决了。在b.html和c.html中我都导入了相同的js。因此，当我进行点击时，它正在切换两次元素的类，因此没有区别。

抱歉打扰

单击时与从另一个文件导入的元素交互

1 个答案: