如何阻止jQueryUI把pre标签内的元素也给初始化了?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何阻止jQueryUI把pre标签内的元素也给初始化了?

一段想用SyntaxHighlighter高亮的代码,却被jQueryUI给初始化了

这段是想展示的代码

<pre class="brush: xml">
    <div class="area">
    <div class="buttonset">
        <input type="radio" id="unit-1" name="unit" checked="checked" /><label for="unit-1">天</label>
        <input type="radio" id="unit-2" name="unit" /><label for="unit-2">小时</label>                        
    </div>
    </div>
</pre>

网页中包含如下正常的初始化脚本

$('.buttonset').buttonset();
这段初始化JS,怎么连

标签内部的元素也给我处理了,这怎么办?

展开
收起
小旋风柴进 2016-03-24 08:37:30 1874 0
1 条回答
写回答
取消 提交回答
  • 小旋风柴进

    方案一:

    SyntaxHighlighter.all();
    setTimeout(function(){
        $('.buttonset').buttonset();
    }, 0);

    方案二(推荐方案):
    使用<script type="syntaxhighlighter" />来避免演示代码被执行和转义

    全选复制放进笔记<script type="syntaxhighlighter" class="brush: js"><![CDATA[
      /**
       * SyntaxHighlighter
       */
      function foo()
      {
          if (counter <= 10)
              return;
          // it works!
      }
    ]]></script>
    2019-07-17 19:11:49
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载