gpt4 book ai didi

jquery - CodeMirror 和 JQuery 选项卡

转载 作者:行者123 更新时间:2023-12-01 01:54:22 26 4
gpt4 key购买 nike

我的 jquery 选项卡和 codemirror 有问题。通过在这里进行一些搜索,建议我在加载选项卡时调用 codemirror 刷新方法,但除非我单击该区域,否则它仍然隐藏。附件是示例 html 和脚本

有什么想法吗?

 <script type="text/javascript">
var editorCss;
var htmlCss;
$(function () {
$("#tabs").tabs();

var $tabs = $("#tabs").tabs({
select: function (e, ui) {
var thistab = ui;
runMethod(thistab.index);
}
});

$('#code0').val('//test 0');
$('#code1').val('//test 1');
$('#code2').val('//test 2');

editorCss = CodeMirror.fromTextArea(document.getElementById("code1"), {});
htmlCss = CodeMirror.fromTextArea(document.getElementById("code2"), {});
});


function runMethod(tabindex) {
switch (tabindex) {
case 1:
editorCss.refresh();
break;
case 2:
htmlCss.refresh();

break;
}
}
</script>



<body>
<h1>CodeMirror: CSS mode</h1>
<div id="tabs">
<ul>
<li><a href="#tabs-0">General</a></li>
<li><a href="#tabs-1">Html</a></li>
<li><a href="#tabs-2">CSS</a></li>

</ul>
<div id="tabs-0">
<textarea id="code0" name="code0" rows="10" cols="10"></textarea>
</div>
<div id="tabs-1">
<textarea id="code1" name="code1" rows="10" cols="10"></textarea>

</div>
<div id="tabs-2">
<textarea id="code2" name="code2" rows="10" cols="10">hello 2</textarea>
</div>
</div>
</body>

最佳答案

这已经很旧了,但你可以...

//Refresh editor when tab opens, syntax highlighter
tabs.tabs({
show: function(event, ui) {
$('.processingide').each( function(i) {
editor[i].refresh();
});
}
});

可以在此处查看实例:http://mattlockyer.com/multimediaprogramming/

关于jquery - CodeMirror 和 JQuery 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10533192/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com