Javascript iframe函数中的Jquery和ajax页面加载未刷新

我面临着一个上周的问题，没有任何解决方案

我有一个管理仪表盘。链接位于左侧，当单击链接时，将在主内容部分的iframe中加载数据

在iframe中加载的每个数据都有自己的jquery函数

每次单击链接时，内容都会更改，但其jquery函数不会被删除

例如，假设我单击CreateInvoice链接。表单将使用其jquery函数打开。现在，当我再次单击另一个链接时，这个新页面再次打开，并具有自己的jquery功能。 现在发票链接的jquery不允许第二页jquery工作。 正因为如此，我的页面出现冲突，功能无法正常工作

举个例子,

我正在使用 我使用它来提供对选定输入的搜索。 现在我在一页上使用这个，在另一页上不使用

但它会在所有页面上加载搜索功能

<script>
$(document).ready( function() {
    $("#select").selectize({
    selectOnTab: true,
    openOnFocus: false
    });
});
</script>

下面是我的代码，用于在自己的I框架中加载每个函数

<li class="item-group"><a id="ajaxid" href="{% url "createinvoice" %}" target="blank"><i class="material-icons">content_paste</i> Create Invoice</a></li>
          <li class="item-group"><a id="ajaxid" href="{% url "createdc" %}" target="blank"><i class="material-icons">content_paste</i> Create DC</a></li>
          <li class="item-group"><a id="ajaxid" href="{% url "createbos" %}" target="blank"><i class="material-icons">content_paste</i> Create BOS</a></li>

<script>
$("a[id=ajaxid]").on('click', function(event) {
    event.preventDefault();
    var target = $(this).attr("href");
    $("#magicid").load(target);

});
</script>

---

如果问题出在这两个函数上，并且您正在调用两个不同的库，那么没有足够的细节来指出您的确切问题，它们可能相互冲突。你可以考虑设置它们以避免冲突。你可以发现一些建议

很难理解这里的问题。尝试在document ready函数中绑定事件，如下所示：

$(document).ready( function() {
$("#select").selectize({
selectOnTab: true,
openOnFocus: false
});

$("a[id=ajaxid]").on('click', function(event) {
    event.preventDefault();
    var target = $(this).attr("href");
    $("#magicid").html(target);

});
});

也请检查下面的url。这是你想要完成的事情吗？

---

考虑添加a和reading。第一个问题和否决票。新会员如何在这里生存？这是一个有效的问题，谷歌没有答案。这与生存无关。这是关于寻求帮助。如果您不显示代码并提供可检查的示例，那么没有人可以帮助您。所以你的问题不可以回答，我的问题很简单。在我通过ajax重新加载另一个页面而不刷新页面后，如何关闭jquery函数？在Google上找到答案，我会离开。我不会使用不同的库。也许我无法解释这个问题。简而言之，问题是我在div magicid中加载数据。每次我在其中加载数据时，jquery函数也会加载example selectize.js。现在，当我在这个div中加载另一个内容时，前面的seletize.js不会被杀死。