Tag: html5

可变高度，可滚动div，内容浮动: 我正在尝试构建这个Web应用程序的东西（它最终会为我的社区影院组提供舞台/道具/阙管理系统）并且我遇到了相当困难的问题。如果以前已经回答过这个问题，我当然无法找到与此特定问题相关的任何内容。这是我尝试的最后两个。从理论上讲，他们有最好的工作机会，但……他们没有工作。问题/ 2758651 /如何对变化高度DIV-上改变窗口大小问题/ 16837525 /调整-DIV高度与 – jQuery的所以我正在做的是创建一个页面，resize以适应当前的屏幕不动产我的问题是中央滚动div和’侧边栏’滚动div仅在它们具有固定高度时滚动。基本上，如果我在CSS中使用百分比高度，无论overflow: scroll;如何，它都会成为其内容的大小overflow: scroll; 正在设置。我认为这与float:left; 所有col-*-*元素的定义。我无法理解的是，当我将div设置为固定高度（比如height:300px; ）时，一切正常。因此，为什么我正在尝试JS / JQ解决方案，但显然甚至$(window).height()在Chrome中获取文档高度而不是’viewport’高度。这是页面，因为它具有固定的高度。 http://azarel-howard.me/stage-management/props-manager/我尝试了一些JS解决方案，但……它们似乎没有运行。或者他们遇到了同样的问题。编辑：代码按要求; Scene 1 Speaker-1: Speaker’s text Stage Props Scene 1 ‹ › Current Que Next Que CSS参考：这些摘录直接从bootstrap.css中提取 .col-lg-9, .col-lg-3 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; […]

读取位置指示器基于DIV而不是整个页面: 我想在我的网站上显示阅读位置指示器。不幸的是，该网站比阅读的文本长得多。内容位于名为“content-wrapper”的单个DIV中。目前我正在使用HTML5进度元素（ https://dev.w3.org/html5/spec-preview/the-progress-element.html ）并将其添加到我的网站，如下例所示： https：/ /css-tricks.com/reading-position-indicator/ 它到目前为止工作正常。问题是，进度是根据整个页面的长度计算的。有没有办法限制单个DIV的进度？这是我的JS代码： $(document).on(‘ready’, function() { var winHeight = $(window).height(), docHeight = $(document).height(), progressBar = $(‘progress’), max, value; /* Set the max scrollable area */ max = docHeight – winHeight; progressBar.attr(‘max’, max); $(document).on(‘scroll’, function(){ value = $(window).scrollTop(); progressBar.attr(‘value’, value); }); });

bootstrap table filter-control – 如何从select选项中取消设置不必要的值: 使用带有filter控制扩展的whenzhixin的Boostrap表。 http://bootstrap-table.wenzhixin.net.cn/extensions/#table-filter-control 当我们有许多选择filter时，更新filter选项并隐藏当前数据视图中不存在的值将会很棒。我会在jsfiddle上更好地解释它。 https://jsfiddle.net/e3nk137y/3345/ 如果我们选择“First”：“A”而不是filter“Second”选项“3”应该被禁用/停用。通常，在每次过滤操作后更新所有filter选项会很棒。我也在https://github.com/wenzhixin/bootstrap-table/issues/1540上创建了一个问题

jQuery手风琴 – 在IE中运行，而不是FF: 我在products.html页面中创建了一个简单的手风琴： Products Product 1 Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Product 2 Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at […]

如何将没有超时的订购商品发布到控制器: HTML5离线ASP.NET MVC4应用程序允许输入订单数量并为客户提交订单。在浏览器中呈现的产品列表包含约4000个产品。只订购了少量特定订单的产品。使用下面的代码请求超时。浏览器发布所有产品。请求花费太多时间，可能由httpruntime ExecutionTimeout终止服务器错误日志显示已收到所有发布的数据。看起来MVC模型绑定器需要太多时间来从发布的数据创建产品列表。如何解决这个问题？如何仅发布已输入数量或其他想法的订购商品？如果这是合理的话，我可以切换到ajax，jquery和MVC4 Web API。控制器： public class OfflineOrderController : ControllerBase { [HttpGet] public ActionResult Order(string customerId) { return View(new MobileOrderOrderViewModel(customerId)); } [HttpPost] public ActionResult Order(string customerId, [Bind(Prefix = “Products”)] IEnumerable Result) { … save order to database return new ContentResult() { Content = “Order […]

Jquery Ajax以二进制格式流音频: 存储在具有唯一URL的不同服务器中的各种格式（mp3，ogg等）的音频文件，音频文件以二进制格式存储。所有文件都是通过调用ispeech.org api创建的，用于文本到语音转换我有一个简单的html页面，带有一个名为play的div，是否有可能在dom准备好的时候以某种方式（也许是ajax）加载音频文件，当用户点击播放开始播放音频文件时？我不能使用flash或jquery插件（如jplayer）只是纯jquery / js或html5有什么建议吗？这里是流式音频url的一个示例 api文档就在这里

Jquery Mobile – 我可以在现有布局中使用它吗？: 我有一个我非常喜欢的网站模板，但我想使用一些jquery移动function，例如他们的页面过渡。我可以使用我现有的网站模板和jquery移动框架而不做任何广泛的事情吗？当前模板是用html5和jquery一起制作的。 Jquery Mobile Im指的是： http://jquerymobile.com/

SVG：通过jQuery更新在FF中工作，但在Safari中没有，任何想法？: 我想更新一个嵌入式SVG。我通过使用jQuery css选择器选择SVG元素，并通过jQuery的.attr（）函数改变它的属性。它在FF中按预期工作，但在Safari中没有效果。有任何想法吗？我的HTML里面的SVG： Foo Bar JavaScript的： $(“textPath”).text(“other text”); $(“path”).attr(“d”,”M 60 70 L 90 30 L 300 60 L 180 120 L 60 70″); 工作实例：的jsfiddle 操作系统：Mac OS X 10.7.3 Firefox：11.0 Safari：5.1.5（7534.55.3）

在多个canvas的无缝绘图: 我正在尝试使用JS和Canvas元素制作一个简单的绘图工具。我的问题是我希望有几个canvas，用户应该能够通过所有canvas画一条线。这是我做的一个小页面： var act = null; var context = null; var draw = false; var c = false; function boot() { $(‘.can’) .mouseenter(function(){ act = this; context = act.getContext(‘2d’); // console.log(this); }) .mouseleave(function(){ act = null; context = null; // console.log(‘out’); }) .mousedown(function(){ draw = true; }) .mouseup(function(){ draw = false; }) .mousemove(function(ev){ // […]

使用数据属性切换类: 我正在使用Data属性来获取jQuery中的元素，如下所示 Toggle Me JQuery是 $(“a.toggleArrow”).off().on(“click”, function () { $(“span.arrow”).each(function () { var dataTarget = $(this).data(“target”); if (dataTarget == “tgrt1”) { dataTarget.toggleClass(“collapse expand”); } }); }); 我们可以使用这种方式，但它似乎不起作用？