开发者社区> 问答> 正文

如何阻止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 2090 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
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
穆客带你快速定位 Node.js 内存泄露 立即下载
穆客带你快速定位Node.js内存泄露 立即下载
低代码开发师(初级)实战教程 立即下载