第一次使用stackoverflow, 如果表述不清楚请见谅。
我在我的bootstrap页面上实现了bbcode,它的效果符合我的预期,但是当它生效的时候,我的导航栏就不起作用了。
当我添加以下内容时:
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
在我的页脚中,我的导航工作正常,但是我的bbcode却不像预期的那样工作。
如果我注释掉script标签,bbcode就能完美地工作,但是我的导航就不能使用了...
这是我使用的BBcode:
<div class="addChatMessage">
<form action="../code/crud.php?action=addToChat" method="POST" class="form-inline">
<div class="form-group">
<textarea id="test" name="message" class="form-control"></textarea>
</div>
<button type="submit" class="btn btn-success">Send</button>
</form>
<!-- preview bbcode-->
<br><H5 class="white">Preview</H5>
<div id="preview" class="previewbox col-12"></div>
<!-- load ajax library-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<!-- load custom js -->
<script src='bbedit/jquery.bbcode.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function(){
$("#test").bbcode({tag_bold:true,tag_italic:true,tag_underline:true,tag_link:true,tag_image:true,button_image:true});
process();
});
var bbcode="";
function process()
{
if (bbcode != $("#test").val())
{
bbcode = $("#test").val();
$.get('bbedit/bbParser.php',
{
bbcode: bbcode
},
function(txt){
$("#preview").html(txt);
})
}
setTimeout("process()", 2000);
}
</script>
在预览BBCode中,它应该反映文本区域内的内容,但按照BBCode格式进行格式化。
当我激活jquery 1.11.3.min.js脚本时,这就会崩溃或停止工作。
当注释掉jquery时,导航不起作用,但BBCode完美运行。
对此有任何想法吗?