jQuery iframe是否由多个具有相同ID的元素重新加载?

jQuery iframe是否由多个具有相同ID的元素重新加载?,jquery,html,iframe,Jquery,Html,Iframe,现在我正在开发一个简单的HTML/Jquery页面。 在我的代码中,我试图重新加载特定的 这是我的代码,请查看: <script type="text/javascript"> $(document).ready(function() { $( "#Reload" ).each(function(index) { $(this).on("click", function(){ $('#IframeReload')[0].contentWindow.location.r

现在我正在开发一个简单的HTML/Jquery页面。 在我的代码中,我试图重新加载特定的 这是我的代码,请查看:

<script type="text/javascript">
$(document).ready(function() {
$( "#Reload" ).each(function(index) {
    $(this).on("click", function(){
    $('#IframeReload')[0].contentWindow.location.reload(true);
    });
 });
 }); 
</script>

$(文档).ready(函数(){
$(“#重新加载”)。每个(函数(索引){
$(此)。在(“单击”,函数()上){
$('#IframeReload')[0].contentWindow.location.reload(true);
});
});
}); 
下面是HTML代码:

<iframe id="IframeReload" src="suggestions.php?id=<?PHP echo $membid;?>" target="_parent">Browser not compatible.</iframe>


<div id="Reload" class="tooltip1" style="cursor:pointer;"></div>
<div id="Reload" class="tooltip2" style="cursor:pointer;"></div>
<div id="Reload" class="tooltip3" style="cursor:pointer;"></div>

页面中的每个元素都需要唯一的ID。您应该创建一个JavaScript函数来重新加载页面,然后将每个div上的
click
侦听器分配给该函数


另一种方法是不使用ID,而是使用一个公共类,然后为该类设置
单击
侦听器。

问题在于如何引用

$("#Reload")
上面的代码选择具有该ID的第一个元素

$("[id=Reload]") 
这将允许您选择具有相同ID的所有元素

您应该做的是按类名应用事件-这将更整洁

<div class="reload tooltip1" style="cursor:pointer;"></div>
<div class="reload tooltip2" style="cursor:pointer;"></div>
<div class="reload tooltip3" style="cursor:pointer;"></div>

<script type="text/javascript">
    $(document).ready(function() {
        $('.reload').on("click", function(){
            $('#IframeReload')[0].contentWindow.location.reload(true);
        });
     }); 
</script>

$(文档).ready(函数(){
$('.reload')。打开(“单击”,函数(){
$('#IframeReload')[0].contentWindow.location.reload(true);
});
}); 

您应该保持元素ID属性的唯一性。

ID在页面上应该是唯一的

<div class="reload tooltip1" style="cursor:pointer;"></div>
<div class="reload tooltip2" style="cursor:pointer;"></div>
<div class="reload tooltip3" style="cursor:pointer;"></div>

<script type="text/javascript">
    $(document).ready(function() {
        $('.reload').click(function(){
            $('#IframeReload')[0].contentWindow.location.reload(true);
        });
     }); 
</script>

$(文档).ready(函数(){
$('.reload')。单击(函数(){
$('#IframeReload')[0].contentWindow.location.reload(true);
});
}); 

ID
应该是唯一的。Period.id使用类,然后绑定类上的事件。它会起作用的。ID应该是唯一的。说话,说话,没有代码。这是一个不完整的答案。我建议你在投票开始前调整一下。