Jquery ui 尝试在tinymce之后呈现jQuery UI选项卡时，split不是一个函数
我正在使用编辑器（jQuery包）。在同一页面中，我还使用jQueryUI选项卡。我的问题是，如果在加载页面后尝试呈现jQuery选项卡，我会收到错误消息g。拆分不是函数，我的选项卡不会呈现。然而，如果我在页面加载时呈现我的选项卡，一切都会正常工作。看起来只有在渲染TinyMCE对象时才会出现此问题 所以，这个问题让我抓狂。欢迎任何帮助 我制作了一个最小的html示例页面来重现这个问题。如果单击该按钮，您将看到选项卡对象未呈现，我将收到错误消息。另一方面，jQuery按钮被正确呈现。因此，似乎只有我的jQuery选项卡对象才会出现这个问题Jquery ui 尝试在tinymce之后呈现jQuery UI选项卡时，split不是一个函数,jquery-ui,tinymce,jquery-ui-tabs,Jquery Ui,Tinymce,Jquery Ui Tabs,我正在使用编辑器（jQuery包）。在同一页面中，我还使用jQueryUI选项卡。我的问题是，如果在加载页面后尝试呈现jQuery选项卡，我会收到错误消息g。拆分不是函数，我的选项卡不会呈现。然而，如果我在页面加载时呈现我的选项卡，一切都会正常工作。看起来只有在渲染TinyMCE对象时才会出现此问题 所以，这个问题让我抓狂。欢迎任何帮助 我制作了一个最小的html示例页面来重现这个问题。如果单击该按钮，您将看到选项卡对象未呈现，我将收到错误消息。另一方面，jQuery按钮被正确呈现。因此，似乎只
<html>
<head>
<title>test 1</title>
<link type="text/css" href="css/custom/jquery-ui.custom.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/jquery-ui-custom-min.js"></script>
<script type="text/javascript" src="js/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
function render_my_jquery_ui_objects()
{
$("#my_button_1" ).button();
$("#my_tabs").tabs();
return true;
}
$().ready(function() {
$('#my_editor_1.tinymce').tinymce({
script_url : 'js/tiny_mce/tiny_mce.js',
theme : "advanced",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
content_css : "css/tinymce.css?" + new Date().getTime()
});
//render_my_jquery_ui_objects(); // if I call render_my_jquery_ui_objects() here, it will work fine. Both objects (button and tabs) will be rendered
});
</script>
</head>
<body onload=""> <!-- if I put render_my_jquery_ui_objects() in the onLoad event, it will also work fine -->
<button onclick="render_my_jquery_ui_objects();">Render my jQuery UI objects manually</button> <!-- if I click the button to call render_my_jquery_ui_objects(), only the jQuery button is rendered. The tabs are not rendered. This is my problem here. -->
<br/><br/>
<a href="#" id="my_button_1">Button 1 (jQuery)</a>
<br/><br/>
<div id="my_tabs">
<ul>
<li><a href="#tabs-1">My tab 1</a></li>
<li><a href="#tabs-2">My tab 2</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
</div>
<br/>
<textarea id="my_editor_1" name="my_editor_1" rows="10" cols="100" class="tinymce">
<b>text in bold</b><br>text normal
</textarea>
</body>
</html>
测试1
函数render\u my\u jquery\u ui\u objects（）
{
$（“#我的按钮_1”）.button（）；
$（“#我的标签”）.tabs（）；
返回true；
}
$（）.ready（函数（）{
$（“#我的编辑_1.tinymce”）.tinymce({
脚本url:'js/tiny\u mce/tiny\u mce.js'，
主题：“高级”，
主题\高级\工具栏\位置：“顶部”，
主题\高级\工具栏\对齐：“左”，
content_css：“css/tinymce.css？”+new Date（）.getTime（）
});
//render_my_jquery_ui_objects（）；//如果我在这里调用render_my_jquery_ui_objects（），它将正常工作。两个对象（按钮和选项卡）都将被渲染
});
手动呈现jQuery UI对象
表1内容
表2内容
粗体文本
文本正常
.你能提供一个到你的例子的链接吗？恭喜你！当你有能力时，请确保将你的答案标记为“已接受”，以便其他人能够从你的成功中学习。干杯~链接已断开。