Question

您好我想在链接上包含一个文件点击这里我的代码，但它在我的HTML页面中不起作用

这是我在下面给出的代码

    $("#reset").click(function() {
          $(function() {
              $("#RightPaneContainerDiv").html('<iframe src="open.php"></iframe>');
          });
    });
     <a href="#" id="reset"></a>

我在下面的代码中错了

如何实现输出

Answer 1

在将链接包含在HTML中之前，您正在将JavaScript处理程序绑定到链接。

点击事件触发后，您将延迟反应直到DOM准备就绪 - 在点击链接时，DOM不太可能没有准备好。

交换两个事件处理程序。

等待DOM准备好。然后绑定事件处理程序。

$(function() {
    $("#reset").click(function() {
        $("#RightPaneContainerDiv").html('<iframe src="open.php"></iframe>');
    });
});

Answer 2

我首先看到的是

$（function（）{

当你执行.click函数时，不要调用ready函数，所以你的代码应该是这样的：

     $("#reset").click(function() {

              $("#RightPaneContainerDiv").html('<iframe src="open.php"></iframe>');

    });

Answer 3

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
  function resetclick() {
    $("#yourDiv").html('<iframe src="open.php"></iframe>');
  }
</script>
 <a href="#" onclick="resetclick()" id="reset">fafa</a>
<div id="yourDiv">

</div>

这应该可以正常工作。在您的代码中，您有：

function() {
          $(function() {

不要真的知道你要用它做什么。删除一个函数（）或使用我的代码。

Answer 4

这应该有效。当目标是preventDefault()时，请不要忘记使用<a>。

 $("#reset").click(function(e) {
     e.preventDefault();
     $("#RightPaneContainerDiv").html('<iframe src="open.php"></iframe>');
 });

Answer 5

function loadjscssfile(filename, filetype){
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}


loadjscssfile("file.html", "html") //dynamically load "file.html" as a JavaScript file

如何在点击链接中包含html文件

5 个答案: