Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 没有javascript的jqueryui_Jquery Ui_Unobtrusive Javascript - Fatal编程技术网

Jquery ui 没有javascript的jqueryui

Jquery ui 没有javascript的jqueryui,jquery-ui,unobtrusive-javascript,Jquery Ui,Unobtrusive Javascript,有没有人在没有jQuery组件的情况下使用jQueryUI(比如CSS框架部分)?如果你是为那些没有javascript或者禁用了javascript的用户服务的话 一个特别的场景是对话框,它是如此的精彩和简单…没有javascript,它只是一个div…一个潜在的解决方案是让dialog div带有一个类,将其绝对定位在其他元素之上,然后在jQueryUI设置对话框时删除该类…这样,如果javascript无法运行对话还有课吗 或者您是否会使用css框架手动创建对话框…我在jQueryUI之外

有没有人在没有jQuery组件的情况下使用jQueryUI(比如CSS框架部分)?如果你是为那些没有javascript或者禁用了javascript的用户服务的话

一个特别的场景是对话框,它是如此的精彩和简单…没有javascript,它只是一个div…一个潜在的解决方案是让dialog div带有一个类,将其绝对定位在其他元素之上,然后在jQueryUI设置对话框时删除该类…这样,如果javascript无法运行对话还有课吗


或者您是否会使用css框架手动创建对话框…

我在jQueryUI之外一直使用css;我发现它提供了更加一致的外观和感觉

至于剩下的问题…什么

然后在jQueryUI设置对话框时删除该类


在不启用JavaScript的情况下,您打算如何让jQueryUI运行(“设置对话框”)?如果你在没有JavaScript的情况下打开对话框,它将无法移动或关闭;在屏幕的中间,你会遇到一个巨大的<代码> div >代码。

< p>我在JavaScript关闭时使用jQuery UI的类来“一致地”调整样式。您只需使用jQueryUI应用于元素的类,并包括jQueryUI样式表和资源

例如,如果你有

<a href="#" id="abutton">This is a button</a>
它会将标记更改为:

<a href="#" id="abutton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button">
    <span class="ui-button-text">This is a button</span>
</a>

给你一个漂亮的jQueryUI按钮。但是,只有在JavaScript运行之后,才会应用它。如果用户没有/不允许JavaScript,那么您将得到一个丑陋的链接。相反,您应该在开始时使用jQuery UI类:

<a href="#" id="abutton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">This is a button</a>

在JavaScript运行之前,它将具有基本的jQuery UI样式(尽管结构有所不同,但跨度并不存在,如果最初有跨度,它会添加另一个,这是一个bug)。问题是,您希望JavaScript仍然运行,因为它添加了其他功能,例如鼠标悬停效果(以及前面提到的跨度),这样拥有JavaScript的用户就可以获得完整的体验,但您也希望在默认情况下使用jQuery UI类,因为您需要一些一致的主题(即使不是100%完美)

有关他们的CSS框架的更多信息,请查看

如果您想让它不使用JavaScript,您必须:

  • 首页,是否有回发
  • 服务器决定需要执行弹出窗口,并使用包含所有相关对话框类集的对话框呈现视图
  • 用户单击弹出窗口上的按钮,执行另一次回发
  • 服务器渲染视图而不显示弹出窗口

  • 这很难看,但是如果没有脚本,你就不能创建动态HTML,对吧…

    这是我的观点…你会让一个类在没有javascript的情况下设置对话框…然后让javascript在设置时删除该类…你会使用CSS手动创建对话框吗?没有js的手动覆盖怎么样?正如我所说的,如果你做了一个覆盖或者一个对话框或者别的什么,它会被卡住,用户永远无法摆脱它。所以不要把它和css放在一起。没有javascript+css对话框=无法使用的站点。我明白你的意思(抱歉花了这么长时间)!尽管如此,它(在本例中)将位于asp.net中,并且如果手动对话框有一个关闭对话框的控件(尽管很难看)…请确保asp.net添加的控件未使用javascript;我想会的。您可能需要一个指向另一个页面的链接,或者指向具有不同查询字符串的同一页面的链接,这些链接可以让您确定是否要创建对话框。感谢您在以前的帖子中添加了精彩的回复…干杯!
    <a href="#" id="abutton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">This is a button</a>