引导jQuery用户界面对话框冲突
引导jQuery用户界面对话框冲突
提问于 2015-07-25 13:58:45
我试图添加一个简单的对话框到我的引导网站，但我可以做到这一点。我的链接似乎出了问题，因为当我在一个空白的网站上测试对话框时(没有引导链接)，它完美地工作了。请看我的密码..。
请尽量简单：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="jquery-style.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
$(function() {
$( "#dialog" ).dialog({
modal:true,
show: {effect:"fade",
duration:250},
hide: {effect:"fade",
duration:250}
});
});
</script>
</head>
<body>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-30 12:09:04
Stefanos Ioannou，您使用的是2 jquery版本，为什么不放置最新版本。
或者在准备好的文档中使用jQuery.noConflict()；这将解决您的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31627221
复制相关文章
相似问题
腾讯云开发者
