Question

我的WordPress网站上有一个帖子。我在这里添加了这段代码：

<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/

有什么想法吗？

Answer 1

1.将jQuery库更改为最新的（或更新的）以支持$，如下所示： -

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

2.将您的代码包含在$(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库等冲突...）并尝试纠正它们

插入HTML代码段时，页眉菜单和边栏菜单中断

1 个答案: