我有这个函数，可以随着浏览器窗口大小的变化动态计算视口的宽度和高度。现在我想在屏幕上显示该值，但它不起作用。有什么想法吗？
JS：
<script type="text/javascript">
var viewportWidth = $(window).width();
var viewportHeight = $(window).height();
$('viewport').html(viewportWidth);
$('viewport').h
浏览 1提问于2012-07-27得票数 0
回答已采纳
1回答
我的项目是通过Laravel Mix与Webpack一起构建的。我想动态导入一个ES6模块，该模块本身导入其他模块和一个样式表。下面是动态导入的模块(loadJQueryTextillate.js)：
import style from 'animate.css/animate.css';
import 'letteringjs';
import 'textillate';
style.use();
export default () => {
};
下面是动态导入loadJQueryTextillate.js (animatedTex
浏览 1提问于2019-11-15得票数 0
当更改或点击TabPanel图标时，我需要更改标题栏文本。我创造了
Bars.js
Ext.define('myapp.view.Myclass', {
extend: 'Ext.Titlebar',
config: {
title: '',
}
})
Viewport.js
Ext.define('myapp.view.Viewport' , {
extend: 'Ext.TabPanel',
config: {
tabBarPosition: 'bottom
浏览 6提问于2012-07-07得票数 0
1回答
我正在试用pdf.js库，只想在我的服务器上显示一个本地pdf文件，而不是示例提供的pdf文件。
<html>
<body>
<canvas id="the-canvas" style="border:1px solid black"></canvas>
<!-- Use latest PDF.js build from Github -->
<script type="text/javascript" src="https://raw.github.com/
浏览 4提问于2013-03-21得票数 20
我使用的是Waypoints Jquery插件：
我的问题是，我希望在到达路点时动态加载内容。最初，内容是动态加载的，然后我希望路径点在最后...当到达路径点时，我想在它前面加载更多的内容，等等。
结构：
<div class="viewport">
<div class="viewport-content">
<div id="messages">
/* {messages loaded here} */
</div>
/* #waypoint added
浏览 0提问于2011-10-27得票数 3
回答已采纳
1回答
我有100个不同的网址，每个指向纯html页面，我必须将这些纯html页面转换为extjs页面。页脚和页眉对于所有页面都是相同的，但是中心部分对于不同的纯html页面是不同的。为了最大限度地利用代码，我想创建一个EXTJS4.1.0应用程序，它将具有模型、视图、存储和控制器，但将index.html、app.js和viewport.js分开。分离index.html，app.js和viewport.js的原因是，如果我不保留单一的index.html，app.js和viewport.js，那么我将无法为页面添加书签(因为用户和用户使用100个不同的urls来创建100个不同的页面)，所以基本上
浏览 1提问于2012-06-28得票数 0
1回答
我有这样的代码：
var viewport = $(window),
viewport_height = viewport.height();
var _topPanel = jQuery.extend({
el: $('.js-lp_top'),
//
height: function() {
var self = this;
self.el.css('min-height', viewport_height);
},
scroll : function() {
浏览 1提问于2014-08-25得票数 0
回答已采纳
pdf.js只允许部分呈现PDF页面吗？更具体地说，是否可以告诉pdf.js在整个PDF页面中呈现选定的“像素矩形”？
假设分辨率为144 dpi，一个典型的页面(DIN A4)将有大约。684 (宽度)乘1190 (高度)像素。我想呈现(例如)一个像和这样的矩形。
一个典型的用例可以是一个扫描文档，其中有几个手写的注释，我想单独显示和进一步处理。
我确实理解，“解决办法”可能是将整个页面保存为jpg (或任何其他合适的位图格式)，并应用一些裁剪功能。但是，这无疑是一种比选定的渲染更低性能的方法。
pdfs.js使用viewport对象(可能包含参数)进行呈现。此对象包含
heightwidt
浏览 4提问于2022-05-02得票数 0
我正在尝试在浏览器中显示PDF，我找到了PDF.js库，这是最流行和最推荐的库。文档是清晰的，但我尝试使用最新的官方版本2.0.943的文档没有呈现，它被加载(因为我看到正确的页数)，但看不见。 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jqu
浏览 282提问于2019-02-05得票数 2
回答已采纳
我有一个HTML页面，在其中我在Jquery对话框中启动了一个JS应用程序。如何加载meta属性：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, user-scalable=0">
动态地仅应用于JS文件。
经过一些研究，这可能就是我要找的：
浏览 1提问于2013-04-09得票数 1
我正在尝试使用import函数动态导入TensorFlow.js。但是，我总是收到一个TypeError: t is undefined错误。下面的代码是一个简单的HTML文件，它重新创建了错误。
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<
浏览 0提问于2019-10-06得票数 2
2回答
将响应引导设计转换为静态
、、、
我已经设计了一个网站，在响应设计使用引导Twitter。这是一个非常复杂的页面响应明智，有大量的数据，表，div，js…。
它在电脑上工作得很好；然而，一旦我试图用手机访问它，它就无法工作。它加载所有的数据，但似乎手机是滞后的，因为响应设计。主要的问题是，我不能滚动网页，它只是停留在页面的一个部分。
我不介意有一个静态网页，不调整大小的手机，因为它是非常罕见的，它将用于移动设备。我的想法是检查请求是来自移动电话还是来自计算机，然后加载静态页面或动态页面。
为此，我需要一个工具来将我的响应设计转换为静态，并能够检查请求来自何处。有人对我怎么做有什么建议吗？这是个好主意吗我应该使用什么样的工具？
浏览 2提问于2015-08-12得票数 1
回答已采纳
2回答
当尝试从npm安装的pdfjs中使用PDF.JS时，pdf不会呈现，并且控制台中没有显示任何错误。 当使用在线资源(例如//mozilla.github.io/pdf.js/build/pdf.worker.js)时，可以很好地呈现PDF。 这是我正在使用的代码，几乎直接取自this example <script type="text/javascript" src="node_modules/pdfjs-dist/build/pdf.js"></script>
<script
src="https://ajax.go
浏览 40提问于2019-05-24得票数 1
1回答
我曾尝试生成一个应用程序，它得到的pdf blob和显示在屏幕上使用pdfjs lib。我工作正常，但当我试图复制文本内容时，它得到了不相关的数据。
当我复制文本时，它会将其复制为。你可以像下面的图片一样检查
我使用的代码如下
<div id="the-svg"></div>
// Asynchronous download PDF
PDFJS.getDocument(url)
.then(function(pdf) {
return pdf.getPage(1);
}).then(functi
浏览 6提问于2019-12-12得票数 1
1回答
Phonegap缩放级别
、、、
我有一个手机间隙应用程序，可以启用/禁用动态缩放。该应用程序允许在带有详细图表的页面上进行缩放，而对于应用程序的其余部分，则禁用缩放。
使用Meta视口标记更改缩放: Enabled：
<meta id="viewport" name="viewport"
content="initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0, user-scalable=yes" />
已禁用：
<meta id="viewport" name=&#
浏览 0提问于2012-01-24得票数 1
回答已采纳
1回答
如何将turn.js动画书放入父目录？
我有代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My webpage</title>
<meta htt
浏览 2提问于2016-05-18得票数 0
2回答
我正在使用ReactJS创建一个应用程序。我使用的反应路由器v4从react-router-dom。
我已经在index.js文件中写入了路由。
<BrowserRouter>
<Switch>
<Route exact path="/" component={Login} />
<Route exact path='/dashboard' component={Viewport} />
</Switch>
</BrowserRouter>
应用程序的其余部分在Vi
浏览 0提问于2018-02-10得票数 0
回答已采纳
1回答
我正在使用滚动动画。我正在使用animate.css库和viewport.js。很明显起作用了。但是我想动态地添加动画延迟。例如:我有社交媒体图标列表，我想延迟每个项目的动画。
这是我的JS代码：
$(".animateda:in-viewport(-10)").find(".animated").each(function(queue) {
$(this).addClass($(this).attr("data-animation"));
});
我可以通过为每个延迟编写一个CSS类来做到这一点：
.animate-delay-1{an
浏览 2提问于2013-09-05得票数 2
回答已采纳
我试图动态添加额外的物化“select”到自定义表单中，使用Google脚本web应用程序创建。虽然初始选项显示OK，但在添加额外选项(通过“添加行”按钮)时，新的select有两组选项。
有人能看出我做错了什么吗？
Code.gs
function doGet(e){
return HtmlService.createTemplateFromFile("Page").evaluate();
}
function include(filename){
return HtmlService.createHtmlOutputFromFile(filename)
浏览 1提问于2020-05-08得票数 0
回答已采纳
1回答
我试着用超文本标记语言制作一个动态列表，我使用一个字符串数组作为列表的数据，这个数组没问题，里面有一些字符串，我验证了it.So，这是我的代码：
function add_li(list, text) {
var list = document.getElementById(list);
var li = document.createElement("li");
li.innerHTML = text;
list.appendChild(li);
}
function load_list(list, list_array) {
for (var i = 0;
浏览 0提问于2013-02-15得票数 0
回答已采纳
我试图在不执行EJS模板的情况下动态插入bundle.js，但是我得到了以下错误。有没有一种方法只插入JS而不执行EJS模板？
ERROR in Template execution failed: ReferenceError: description is not defined
ERROR in ReferenceError: description is not defined
实际上，我使用节点来呈现模板，我只希望将包文件动态地插入到template.ejs中。
res.status(200).render('template',
{
浏览 2提问于2017-04-11得票数 1
回答已采纳
2回答
我不是要修改PDF，我只是试图更改显示的文本
pdf.js输出它在一堆div .textLayer > div中读取的文本，它还绘制一个画布。
我认为在浏览器中查看和编辑pdf几乎是不可能的，但是.
由于pdf.js确实有一个，所以我的想法是“挂钩”到pdf.js并更改显示的文本(在我的例子中这已经足够了)
我能找到的最接近的函数是这个名为的函数，但是没有回调注册的AFAICS。
这是否可能(不影响pdf.js本身)？如果是这样的话，是怎么做的？
编辑(3)
这段代码将把PDF文本打印到控制台中，但是如何从那里开始对我来说是个谜。
'use strict';
//
浏览 9提问于2017-08-15得票数 14
2回答
我是新来的森查ExtJS。我刚刚开始创建一个MVC应用程序。目前，我正试图为该应用程序创建一个登录屏幕，但无法从登录控制器获得登录表单的引用。这是我的代码：
app.js
Ext.application({
name: 'Fleximanager',
requires: [
],
controllers: [
'Login'
],
autoCreateViewport: true,
init: function() {
}
});
Viewport.js
Ext.define
浏览 2提问于2013-10-30得票数 0
回答已采纳
我想动态地更改窗口phonegap应用程序中"index.html“中的元标记视图，点击按钮。
我在用
Windows OS 8
phonegap 3.5
带有windows 8操作系统的诺基亚Lumia 1320设备
我想在元标签下面更改
<meta id="viewport" name="viewport" content="width=device-width">
至
<meta id="viewport" name="viewport" content="
浏览 2提问于2014-10-06得票数 2
我正在使用flickity carousel，我想在一些自定义div中扭曲next和prev按钮。
默认情况下，flickity以动态方式创建按钮，作为.main-carousel div/section的直接子项。
这是我在运行flickity js时得到的代码：
<section class="main-carousel>
<div class="flickity-viewport">...</div>
<button class="flickity-button flickity-prev-next-b
浏览 19提问于2019-07-18得票数 0
我是新的感觉触摸mvc框架，我正在使用1.1.1版本的android操作系统，我已经在我的演示应用程序中创建了控制器和视图，我的app.js和viewport.js中出现了错误。
这里是app.js:-
Ext.regApplication({
name: 'MyApp',
defaultUrl: 'Home/index',
launch: function()
{
this.viewport = new MyApp.view.viewport();
},
});
这里是viewport.js：
MyApp
浏览 7提问于2012-03-01得票数 0
回答已采纳
我正在使用BlackBerry Webworks2.0为BlackBerry Z10创建一个应用程序。使用bbui-min.js版本0.9.6.932。
我似乎无法改变应用程序的观点。我希望能够放大到通常可以在html中使用以下视图定义的内容：
<meta name="viewport" content="user-scalable=yes"/>
在使用bb.init()函数时，这个标记似乎没有任何影响。如果我不调用bb.init()函数，viewport标记就会产生影响。
这可能是因为在0.9.4中实施了以下措施：
您不再在主index.htm中
浏览 3提问于2014-04-17得票数 0
1回答
我试图给我的html一个css内联样式。但是这种风格被忽略了。 这是我用于webView.loadHTMLString的超文本标记语言字符串(htmlBelow，baseURL: Bundle.main.bundleURL) 让fontsize = 16 //这是一个动态变量 <!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"UTF-8\">
<meta name=\"viewport\"
浏览 10提问于2019-06-12得票数 1
回答已采纳
1回答
我试图检测由图像滑块插件动态设置的元素的高度，并使用它来设置容器的高度。
获取"TypeError: MutationObserver.observe:参数1不实现接口节点“。
我查了和。看到了
在调用childList ()时，至少必须有一个characterData、属性和/或characterData为真。否则，将引发TypeError异常。
我正在将属性设置为true，但仍然得到了typeError
jQuery(document).ready(function($){
// Callback function to execute when mutations
浏览 3提问于2021-01-25得票数 1
回答已采纳
我试图将变量导出到另一个模块，但出现了错误。Uncaught :意想不到的令牌“导出”。文件结构：./css: select.css style.css
./html: index.html make.html select.html
./javascript: make.js script.js select.js
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equ
浏览 6提问于2021-12-15得票数 1
2回答
我是帆布游戏开发的初学者，所以请原谅我的一个愚蠢的问题。
我有一个2048 to宽度和1536 to高度的图像，我需要放置在画布(宽度和高度不同的设备)。我能够滚动图像，但问题是，图像是从屏幕出来的(在所有边缘显示空白)。假设设备宽度为430，高度为300，则用户可以滚动图像以查看。如果我滑动屏幕滚动，那么图像是从画布出来，就像拉橡胶，如果我停止滑动图像将放置到帆布边框。滚动图像不是用画布边框固定的。我已经试了好几天了..。请大家帮帮我..。
<html>
<head>
<style>
body {
margin: 0px;
padding:
浏览 4提问于2013-09-26得票数 1
回答已采纳
2回答
我有一个屏幕，其中formBase包含所有动态创建的UI控件。我使用卡片布局和视图之间的切换。现在，我不得不在每次卡切换时执行formBase (我指的是每次我的屏幕出现时)。
我已经利用前面的听众的形式来实现这一点。但这不管用。下面是我的密码。
var formBase = new Ext.form.FormPanel({
scroll: 'vertical',
ui: 'round',
items: [fieldSet, {
xtype : 'fieldset',
浏览 1提问于2011-11-03得票数 0
回答已采纳
1回答
我有一个用例，在这个用例中，我希望加载一个具有动态生成的src的iframe。我可以使用res.redirect('https://example.org')加载这个URL。但我的问题是。加载此页面后，我无法执行res.send或res.render等操作，因为在将响应发送到客户端之后，node.js将不允许重定向。
因此，我需要一种机制，可以在已经定义的iframe中动态加载这个URL。然后轻松地，我应该能够处理任何重定向。
编辑:所以我在应用程序上的流程是单击一个按钮->，从节点js中执行API调用来获取访问令牌，->执行另一个api调用以获得动态URL -&g
浏览 7提问于2019-11-27得票数 0
现在我使用
Ext.create('Ext.Viewport',{...});
创建extjs组件。
是否可以从ExtJS中的远程json对象创建组件，如下所示：
Ext.create('Ext.Viewport','http://blabla/viewport.js');
然后我可以用viewport.js编写viewport config json对象。
浏览 0提问于2011-09-08得票数 0
2回答
我希望根据条件动态创建owl项目幻灯片。比如
if(i=1 && i<=4)
{
//generate new item slide (owl carousel)
}
else if(i>=4 && i<=8)
{
//Generate second slide
}
我正在手动创建幻灯片项，我希望根据jquery中的条件动态地创建幻灯片项。假设第一个条件满足，动态创建新幻灯片项，如果第二个条件满足，则动态创建新幻灯片。我是jquery的新手。
幻灯片应该在jquery的帮助下动态创建。
这是滑块代码
<!DOCTYPE html&
浏览 0提问于2019-09-20得票数 4
回答已采纳
1回答
我应该动态创建10div并随机移动它们。我已经创建了div，我可以在控制台中看到它们，但不能在屏幕上看到它们。只有一个div可见。也许我错过了CSS属性？ 请帮帮忙。 谢谢! create.addEventListener('click' , () => {
let divs = document.createElement("div")
let ParentDiv = document.getElementById("parent")
let w = innerWidth
let h = innerH
浏览 10提问于2020-12-08得票数 0
有几个类似的问题，但我相信我的情况略有不同，我似乎无法弄清楚。
给定这个psuedo代码
1.) BaseFolder/*.js except the app.js file
2.) BaseFolder/app/model/*js
3.) BaseFolder/app/store/*.js
4.) BaseFolder/app/view/*.js except Viewport.js
5.) BaseFolder/app/view/Viewport.js
6.) BaseFolder/app/controller/*.js
7.) BaseFolder/app.js
我的问题是，例如，我否定
浏览 2提问于2014-12-23得票数 4
回答已采纳
1回答
我想在我的网站上显示一个从base64生成的文档，但是抛出了这个错误，并且不显示任何内容。控制器中没有错误，此消息显示在浏览器(Chrome)中： Uncaught Error: Assertion failed
at assert (pdf_viewer_wrapper.js:5)
at Viewport.getPageAtY_ (pdf_viewer_wrapper.js:16)
at Viewport.getMostVisiblePage (pdf_viewer_wrapper.js:16)
at HTMLElement.updateUIForViewp
浏览 62提问于2021-05-11得票数 0
我正在寻找一个JS / React解决方案来计算可拖动div块的高度或行数(具有不同的宽度)。需要高度来计算虚线边框内的内容高度，它等于(viewport - draggable_blocks_height)。
正如您可以想象的那样，在调整窗口大小/更改分辨率以及拖动块/删除或添加到draggable_blocks_container期间，计算应该动态工作。
有什么想法、概念或类似的例子吗？谢谢
浏览 1提问于2017-06-01得票数 0
5回答
我有一个鼠标悬停函数，它应该向我的视窗元素添加一个类，但是当我鼠标悬停时，我在firebug中得到一个错误: TypeError: jQuery(...).addclass不是一个函数。
HTML是：
<!DOCTYPE html>
<html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title('|','true','right
浏览 1提问于2013-06-01得票数 11
回答已采纳
2回答
我还有一个问题，我有一个简单的任务:创建一个包含页眉、页脚和内容的页面。
页眉，页脚-固定大小
内容高度是动态的。
所以问题是当我创建
<!DOCTYPE html>
<html>
<head>
<meta content="width=1100" name="viewport">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<script src=&
浏览 2提问于2014-04-02得票数 0
回答已采纳
我正在尝试设置一个简单的示例。它在Pixi.js中运行得很好，但我甚至认为pixi-viewport的脚本已经找到(viewport.js)：
Uncaught : Viewport不是构造函数
以下是HTML文件：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Pixi</title>
</head>
<script src="pixi/pixi.min.js"&
浏览 14提问于2020-05-19得票数 1
3回答
我完全是PHP，jQuery和AJAX的初学者。我试着做一个简单的网站，设置和显示温度限制使用AJAX。我想从JSON文件中读取并在单击按钮后用新数据覆盖它。
这是我的index.php：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
浏览 1提问于2017-01-24得票数 0
回答已采纳
React中document.querySelectorAll('.classname')的等价物是什么？我知道我应该使用Refs，但我如何观察多个Refs onScroll
我通常使用下面这样的函数来检查页面中多个元素的viewport位置，并在每个元素进入viewport时触发不同的css动画：
HTML
<ul>
<li data-position="below-viewport"></li>
<li data-position="below-viewport"></li>
浏览 0提问于2018-03-18得票数 8
我在一些教程中(可能是针对较早版本的Bootstrap)看到，带有类“容器”的div应该自动对中。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" cont
浏览 1提问于2019-01-09得票数 0
回答已采纳
1回答
我想将textarea的文本动态发送到PHP变量中，对PHP中的文本执行一些操作，并在运行时获得返回结果。
到目前为止，我已经在动态地返回PHP变量，但我不知道如何将文本区域的文本动态地发送到PHP中。
我有这个密码
<html>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<script src='htt
浏览 1提问于2018-08-05得票数 1
回答已采纳
我正在尝试使用PDF.js来查看PDF文档。我发现显示器的分辨率真的很低，以至于模糊不清。有什么解决办法吗？
// URL of PDF document
var url = "https://www.myFilePath/1Mpublic.pdf";
// Asynchronous download PDF
PDFJS.getDocument(url)
.then(function(pdf) {
return pdf.getPage(1);
})
浏览 0提问于2018-03-22得票数 5
3回答
我紧跟本地化指南：，但是我不能让它在MVC模式下工作。我不需要像上一个例子那样的动态本地化，我只想在应用程序加载时设置它。
我试过这样做：
Ext.application({
name: 'KS',
appFolder: 'app',
controllers: ['Menu', 'DailyReport', 'DP'],
launch: function() {
Ext.Ajax.request({
url: 'lib/ext-4.0/locale/ext-lang-es.js
浏览 1提问于2011-10-27得票数 0
回答已采纳
1回答
我觉得这是一个愚蠢的问题，但是否可以在以下代码中使用动态变量：
const [viewport, setViewport] = useState ({
latitude:-8.683895,
longitude:115.152307,
width:800,
height:440,
zoom:16
});
我需要纬度和经度是动态的，所以如下所示：
const [viewport, setViewport] = useState ({
latitude:{varLatitude),
longitude:{varLongitude},
浏览 1提问于2020-08-17得票数 0
回答已采纳
1回答
我是Jquery的新手，并且正在学习它。我创建了一个非常简单的html文件，用一个按钮来动态添加一个新的文本域。我面临的问题是，当添加新的文本字段时，它的行为与第一个文本字段不同，第一个文本字段允许通过加载的"viettypingplus.js“脚本键入越南字符。此脚本不适用于通过“添加文本字段”按钮动态添加的第二个文本字段。
我一直在寻找，但没有找到解决方案。请帮帮忙。
下面是我的html:在我得到的第一个文本字段中输入"a6“：”-“，但在第二个文本字段中我得到"a6”。
非常感谢您提前给予的帮助。
<!DOCTYPE html>
<!--[if
浏览 2提问于2014-08-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
