您好,匿名用户
随意问技术百科期待您的加入

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

0 投票

一段想用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,怎么连<pre>标签内部的元素也给我处理了,这怎么办?

用户头像 提问 2013年 12月25日 @ Renekton 上等兵 (260 威望)
分享到:

1个回答

0 投票

方案一:

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>
用户头像 回复 2013年 12月23日 @ Lee Sin 上等兵 (347 威望)
提一个问题:

相关问题

0 投票
1 回复 65 阅读
用户头像 提问 2012年 12月1日 @ LeBlanc 上等兵 (289 威望)
0 投票
1 回复 45 阅读
0 投票
1 回复 36 阅读
0 投票
1 回复 24 阅读
用户头像 提问 2014年 1月30日 @ 爹妈罩我去战斗 上等兵 (131 威望)
0 投票
1 回复 135 阅读
用户头像 提问 2012年 12月1日 @ Rider 上等兵 (281 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...