当我插入一个HTML片段时，头菜单和边栏菜单中断

我在我的WordPress站点中有一个帖子。在这里，我加入这个代码片段：当我插入一个HTML片段时，头菜单和边栏菜单中断

<pre><code class="iframe-fragment"></code></pre> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $('.iframe-fragment').load('https://roboticsys.com/support/plugins/servlet/docs/c1001-d1003/RapidCode/_absolute_motion_8cs-example.html div.fragment', function(res, status, xhr){ 
    $("a.code").each(function() { 
     var $this = $(this);  
     var _href = $this.attr("href"); 
     $this.attr("href", 'https://roboticsys.com/support/plugins/servlet/docs/c1001-d1003/RapidCode/' + _href); 
    }); 
}); 
</script>

当我这个代码片段添加到我的职位，你可以看到它完美的工作，并展示了什么是应该。但是，主菜单不会像在主页上那样运行，并且侧边栏菜单不能再扩展。

这里是后我的工作：https://roboticsys.com/absolute-motion/

任何想法？

来源

2017-08-17 JP Garza

1.更改jQuery库到最新的一个（或更新的一个），以支持$象下面这样： -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

2.Wrap代码内$(document).ready(function(){..});象下面这样： -

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.iframe-fragment').load('https://roboticsys.com/support/plugins/servlet/docs/c1001-d1003/RapidCode/_absolute_motion_8cs-example.html div.fragment', function(res, status, xhr){ 
     $("a.code").each(function() { 
      var $this = $(this);  
      var _href = $this.attr("href"); 
      $this.attr("href", 'https://roboticsys.com/support/plugins/servlet/docs/c1001-d1003/RapidCode/' + _href); 
     }); 
    }); 
    }); 
</script>

注意： - 尝试检查浏览器控制台，你有任何其他与jQuery相关的错误（如冲突，因为两个不同的jQuery库使用等），并尝试纠正它们

来源

2017-08-17 16:30:55

我将

当我插入一个HTML片段时，头菜单和边栏菜单中断

回答

相关问题