Jquery ui JQuery用户界面是否只适用于谷歌浏览器？？？（IE和Firefox呢？？）
我正在使用jQueryUI1./Dan Wellman/Packt Publishing学习jQueryUI。我正在编写“对话小部件”的起首部分 在我完成了一系列使用Google Chrome构建对话框小部件的练习之后，我尝试了使用Internet Explorer和Firefox 结果令人失望 铬是最好的 对于Internet Explorer，1对话框小部件的标题没有出现，2对话框小部件的位置不正确，因为位置为：[中心，中心]。它有点向左偏移。 在Firefox中，位置得到了尊重。但是，只有外部容器可见。内容不见了，只是一个空容器。 另外，使用Show:true和Hide:true选项仅对Chrome有效。 我现在想知道jQueryUI是否只用于GoogleChrome。我只是觉得我可能遗漏了一些指令，让它能够像作者在书中所说的那样与主流浏览器协同工作 这是密码。因为我使用的是ASP.NET MVC，所以某些代码（例如css中的元素）不会出现。但是，对于其余的部分，所有的功能代码都在下面Jquery ui JQuery用户界面是否只适用于谷歌浏览器？？？（IE和Firefox呢？？）,jquery-ui,Jquery Ui,我正在使用jQueryUI1./Dan Wellman/Packt Publishing学习jQueryUI。我正在编写“对话小部件”的起首部分 在我完成了一系列使用Google Chrome构建对话框小部件的练习之后，我尝试了使用Internet Explorer和Firefox 结果令人失望 铬是最好的 对于Internet Explorer，1对话框小部件的标题没有出现，2对话框小部件的位置不正确，因为位置为：[中心，中心]。它有点向左偏移。 在Firefox中，位置得到了尊重。但是，只有
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<p>
The goal of this tutorial is to explain one method of creating
model classes for an ASP.NET MVC application. In this tutorial,
you learn how to build model classes and perform database access
by taking advantage of Microsoft LINQ to SQL. In this tutorial,
we build a basic Movie database application. We start by creating
the Movie database application in the fastest and easiest way possible.
We perform all of our data access directly from our controller actions.
</p>
<div style = "font-size:.7em" id = "myDialog" title = "This is the title">
In this tutorial -- in order to illustrate how you can build model classes
-- we build a simple Movie database application.
The first step is to create a new database. Right-click the
App_Data folder in the Solution Explorer window and select the menu option
Add, New Item. Select the SQL Server Database template, give it the name
MoviesDB.mdf, and click the Add button (see Figure 1).
</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent"
runat="server">
<script src="../../Content/development-bundle/jquery-1.3.2.js"
type="text/javascript"></script>
<script src="../../Content/development-bundle/ui/ui.core.js"
type="text/javascript"></script>
<script src="../../Content/development-bundle/ui/ui.dialog.js"
type="text/javascript"></script>
<script src="../../Content/development-bundle/ui/ui.draggable.js"
type="text/javascript"></script>
<script src="../../Content/development-bundle/ui/ui.resizable.js"
type="text/javascript"></script>
<script
src="../../Content/development-bundle/external/bgiframe/jquery.bgiframe.js"
type="text/javascript"></script>
<script type = "text/javascript">
$(function() {
var execute = function() { }
var cancel = function() { }
var dialogOpts = {
position: ["center", "center"],
title: '<a href="/Home/About">A link title!<a>',
modal: true,
minWidth: 500,
minHeight: 500,
buttons: {
"OK": execute,
"Cancel": cancel
},
show:true,
hide: true,
bgiframe:true
};
$("#myDialog").dialog(dialogOpts);
});
</script>
谢谢你的帮助。你可能遗漏了什么。它当然适用于所有主流浏览器。您可能遗漏了一些东西。它在所有主流浏览器中都能正常工作。不，jQuery UI在任何一种浏览器中都能正常工作。可能是因为您正在执行的步骤与您正在使用的版本不太兼容，或者您正在使用的版本很旧。我在两种浏览器上都使用了jqueryui，没有任何问题。如果您不相信我，请在浏览器中打开此URL： 在Firefox3.6中，它对我来说很好
我不是jQueryUI方面的专家，但是在这里提供代码可能会有所帮助。不，jQueryUI可以在任何浏览器中工作。可能是因为您正在执行的步骤与您正在使用的版本不太兼容，或者您正在使用的版本很旧。我在两种浏览器上都使用了jqueryui，没有任何问题。如果您不相信我，请在浏览器中打开此URL： 在Firefox3.6中，它对我来说很好
我不是jQuery UI方面的专家，但在这里提供代码可能会有所帮助。jQuery是跨浏览器的首选。任何与此相关的错误都有其原因 -程序员错误 -显式不相容 jQuery中存在一些与IE5.5和IE6明显不兼容的地方。它们在jQuery的评论中，一个好的js兼容IDE（如netbeans）将允许定位并警告您
我在对话框小部件的定位或内容方面从来没有遇到过任何问题。jQuery是跨浏览器的首选。任何与此相关的错误都有其原因 -程序员错误 -显式不相容 jQuery中存在一些与IE5.5和IE6明显不兼容的地方。它们在jQuery的评论中，一个好的js兼容IDE（如netbeans）将允许定位并警告您 我从来没有对对话框小部件的定位或内容有过任何问题。但是有一些已知的问题 火狐1.0.x Internet Explorer 1.0-5.x Safari 1.0-2.0.1 歌剧1.0-8.x 康克勒 我们已经成功地实现了一个对话框小部件，没有出现重大问题。我们确实在确保创建正确版本的库时遇到了一些问题。我建议您使用。这将把所有必要的文件放在一个缩小的文件中 如果没有帮助，则需要发布代码以获得进一步帮助 编辑： 我使用dialogOpen和dialogClose类创建了锚，并使用以下代码使用创建的UI对话框
$(document).ready(function(){
var dialogOpts = {
autoOpen: false,
modal: true,
width: 840,
height: 560
};
$(".dialogOpen").click(function(){
$("#myDialog").dialog("open");
return false;
});
$(".dialogClose").click(function(){
$("#myDialog").dialog("close");
return false;
});
$("#myDialog").css('display','block').dialog(dialogOpts);
$(".ui-dialog-titlebar").hide();
});
$(document).ready(function(){
var dialogOpts = {
autoOpen: false,
modal: true,
width: 840,
height: 560
};
$(".dialogOpen").click(function(){
$("#myDialog").dialog("open");
return false;
});
$(".dialogClose").click(function(){
$("#myDialog").dialog("close");
return false;
});
$("#myDialog").css('display','block').dialog(dialogOpts);
$(".ui-dialog-titlebar").hide();
});
注意：创建对话框时使用css函数会在创建对话框之前停止页面上出现的内容。我们之所以需要它，是因为我们的对话框中有flash。jQuery用户界面绝对不是专为Google Chrome设计的 我已经在所有主要的浏览器平台上成功地使用jQuery UI创建了应用程序 jQuery UI和jQuery包含用于解决某些浏览器问题的代码
当然，在IE上显示的jQuery UI中可能会有一些问题，比如，但这些问题肯定不是设计出来的。jQuery UI显然不是专门为谷歌Chrome设计的 我已经在所有主要的浏览器平台上成功地使用jQuery UI创建了应用程序 jQuery UI和jQuery包含用于解决某些浏览器问题的代码
当然，在IE上显示的jQuery UI中可能存在一些问题，比如，但这些肯定不是设计的问题。AFAIK，jQuery/UI框架非常兼容跨浏览器。您可能需要发布代码。您使用的开发包是什么？您是否尝试过正式的jquery/UI1.3/1.7.2或1.4/1.8捆绑包？开发捆绑包的zip中也会有一个js文件夹。其中是jquery-ui-1.7.custom.min.js文件，该文件将包含您包含的所有js文件，但缩小为单个文件。您应该将其包含在脚本标记中，而不是单独包含每个文件。您已经创建了该对话框，但实际显示该对话框的对话框“打开”的调用在哪里？查看我的编辑。@queen3&Dave Anderson-我正在通过一本书JQuery UI/Dan Wellman/Packt Publisher学习。作者说，在生产环境中，应该按照您所说的方式使用custom.js。但是，为了让我们读者了解JQuery UI是如何工作的，即css和js文件是如何应用于元素的，我们必须将每个行为链接到相应的css和/或文件。另请参阅我对我的帖子所做的编辑，因为我昨天做了同样的练习，发现了一些有趣的事情。好的，jQuery/UI框架非常兼容跨浏览器。您可能需要发布代码。您使用的开发包是什么？您是否尝试过正式的jquery/UI1.3/1.7.2或1.4/1.8捆绑包？开发捆绑包的zip中也会有一个js文件夹。其中是jquery-ui-1.7.custom.min.js文件，该文件将包含您包含的所有js文件，但缩小为单个文件。您应该将其包含在脚本标记中，而不是单独包含每个文件。您已经创建了该对话框，但实际显示该对话框的对话框“打开”的调用在哪里？查看我的编辑。@queen3&Dave Anderson-我正在通过一本书JQuery UI/Dan Wellman/Packt Publisher学习。作者说，在生产环境中，应该按照您所说的方式使用custom.js。但是，为了让我们读者了解JQuery UI是如何工作的，即css和js文件是如何应用于元素的，我们必须将每个行为链接到相应的css和/或文件。另请参阅我对我的文章所做的编辑，因为我昨天做了同样的练习，发现了一些有趣的事情。