将两个单独的Javascript组合在一起，使它们都能工作

我想同时使用两个脚本：

一,

二,

---

然而，当我在JSfiddle中一个接一个地放置时，它们并不都起作用。将这两个代码片段放在一个JSFIDLE框中并让它们工作的正确方法是什么。

将它们放在另一个代码片段之后就可以了。你确定没有其他错误吗？另外，

$（function（）{…}）

和

（文档）.ready（函数（）{…}）是相同的东西，因此您可以将
$（“#dialog”）.dialog（）放在单击第一段代码中的侦听器后
 你能分享小提琴吗？我从那次
.dialog（）
调用中得到错误。还请注意，您的HTML使用“dialog modal”作为id，而不仅仅是“dialog”。JSFIDLE包含一个脚本“”，我认为这是问题所在，它似乎应该加载jQuery UI。在尝试使用dialog的行中出现错误“Uncaught TypeError:undefined不是函数”。我认为JSFIDLE在这里被破坏了，因为它似乎试图包含jquery ui，我看到了
//example.com/error.js
添加了一个新的jquery ui URL，除了警告之外，它看不到任何控制台错误：@Jimmy你的对话框在你的新小提琴中不起作用，因为你使用的是
“\dialog”
，而不是
“\dialog modal”
现在您只是使用了错误的id。您想要的是
#对话框模式
。
$(document).ready(function () {
    $(".tabContent").not(":first").hide();
    $("ul.tabs li:first").addClass("active").show();
    $("ul.tabs li").click(function () {
        $("ul.tabs li.active").removeClass("active");
        $(this).addClass("active");
        $(".tabContent").hide();
        $($('a', this).attr("href")).fadeIn('fast');
        return false;
    });
});

$(function() {
    $( "#dialog" ).dialog();
  });