我在PhoneGap/Cordova中构建了一个应用程序,并将JQuery库用于一些简单的动画,如slideUp等.
它们在模拟器上运行良好,但是当我尝试使用实际设备时,动画运行起来非常粗短.
有没有办法加快速度?或者我应该使用不同的过渡框架工作?
如果后者是真的,任何人都可以建议一个好的版本供我尝试吗?
谢谢
希望简单,但尝试从其他SO问题实施答案无济于事.
我有一个div我想在文档加载时从页面底部向上滑动.但是,我似乎无法让JQuery工作.这是我有的:
#content {
width: 640px;
margin:auto;
margin-top: 2000px;
}
$(function(){
$('#content').animate({MarginTop: '50px',} 1000);
});
Run Code Online (Sandbox Code Playgroud)
基本上,我只想缩小margin-top页面加载时的距离.
谁能指出我正确的方向?谢谢
我已经设置了一个Tumblr帐户并注册了我的应用程序来验证它.
Tumblr文档:http://www.tumblr.com/docs/en/api/v2
我理解API输出JSON是这样的:
{
"meta": {
"status": 200,
"msg": "OK"
},
"response": {
"blog": {
"title": "David's Log",
"posts": 3456,
"name": "david",
"url": "http:\/\/david.tumblr.com\/",
"updated": 1308953007,
"description": "<p><strong>Mr. Karp<\/strong> is tall and skinny, with
unflinching blue eyes a mop of brown hair.\r\n
"ask": true,
"ask_anon": false,
"likes": 12345
}
}
}
Run Code Online (Sandbox Code Playgroud)
多数民众赞成,但文件在那里结束.我不知道如何获取此信息并将其显示在我的网站上.
我认为你会得到它的方式是这样的:
$.ajax({
url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api-key=myapikey",
dataType: 'jsonp',
success: function(results){
console.log(results);
}
});
Run Code Online (Sandbox Code Playgroud)
但这没有任何作用.
谁能帮我吗?谢谢
我正在构建一个使用Cordova/PhoneGap和JQuery Mobile的应用程序.
我想在应用程序中使用JQuery,但我无法让它工作 - 即使使用简单的代码也没有任何反应.
我相信我的标题设置正确:
<script type="text/javascript" src="cordova-2.7.0.js"></script>
<script type="text/javascript" src="js/jquery.min.1.9.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script>
<script type="text/javascript" src="js/myscripts.js"></script>
<script type="text/javascript">
app.initialize();
</script>
Run Code Online (Sandbox Code Playgroud)
当我得到JQuery Mobile样式标题和后退按钮等.
但是当我尝试一些简单的事情时:
document.addEventListener("deviceready", function(){
$('p').append("<strong>HEllO</strong>");
});
Run Code Online (Sandbox Code Playgroud)
在myscripts.js文件中我什么都没得到.我是否需要以不同的方式触发JQuery?有人能指出我正确的方向吗?
编辑:
我发现这提到它把它放在div中.这实际上对我有用,例如
<div class="normal" data-role="page" data-title="Program">
<script type="text/javascript">
$(".normal").on('pageinit', function() {
$('p').append("<strong>HEllO</strong>");
});
</script>
Run Code Online (Sandbox Code Playgroud)
但肯定有更好的方法吗?必须有一种方法可以将这些脚本全部放在自己的外部文件中吗?
PS:我的HTML是:
<body>
<div data-role="page" data-title="Program">
<div id="programholder">
<div data-role="header">
<a href="index.html" data-role="button" data-rel="back" data-direction="reverse" data-icon="arrow-l" data-iconpos="left">Back</a>
<h1>HEADER</h1>
</div><!--HEADER-->
<div data-role="content">
<p>
Append here
</p>
</div><!--CONTENT-->
</div><!--HOLDER-->
</div><!--PAGE-->
</body>
Run Code Online (Sandbox Code Playgroud) 我有一个建立在Cordova上的应用程序,在我的一些页面上,我能够从我的内容水平滚动到空白区域.
这很奇怪,因为我在那里没有任何东西超出了我的#wrapper设定范围width: 100%.
所以我想知道是否有一种方法可以完全禁用应用程序中的水平滚动?
更新:
请求页面上的代码:
body {
background-color: #fff;
font-family:Arial, Helvetica, sans-serif;
color: #b7b8b9;
height: 100%;
width: 100%;
}
iframe{
border: none;
width: 100%;
/*margin-top: 50px;*/
}
#header{
height: 50px;
width: 100%;
}
<body>
<div id="wrapper">
<div id="header">
<div class="headerback"><a href="index.html">Home</a></div>
<div class="headerrefresh"><script>var pathname = window.location.pathname;</script><script>document.write('<a href="'+pathname+'">Refresh</a>')</script></div>
<div class="headertitle"><h2>Get the Look</h2></div>
</div><!--HEADER-->
<iframe src="http://www.mbff.com.au/getthelook"></iframe>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

我有一系列的图像,每个图像都有"照片"类;
我想浏览其中的每一个并检索照片源,以便稍后在if语句中使用.我写了下面的代码来做到这一点,但没有成功:
$.each($(".photo"), function() {
var imgsrc = $(this).attr("src").length;
console.log(imgsrc);
});
Run Code Online (Sandbox Code Playgroud)
我不知道我在哪里出错了.这似乎对我有意义,但我在控制台中没有得到任何东西.
谁能指出我正确的方向?
我得到错误:
Warning: Multiple build commands for output file /Users/me/Library/Developer/Xcode/DerivedData/myapp-csoyvdzaugzkszeagjrtzrfssudr/Build/Products/Debug-iphonesimulator/myapp.app/icon-72.png
Warning: Multiple build commands for output file /Users/me/Library/Developer/Xcode/DerivedData/myapp-csoyvdzaugzkszeagjrtzrfssudr/Build/Products/Debug-iphonesimulator/myapp.app/Default-Landscape@2x~ipad.png
Warning: Multiple build commands for output file /Users/me/Library/Developer/Xcode/DerivedData/myapp-csoyvdzaugzkszeagjrtzrfssudr/Build/Products/Debug-iphonesimulator/myapp.app/Default-Landscape~ipad.png
Run Code Online (Sandbox Code Playgroud)
当我尝试在模拟器中运行我的应用程序时.我理解这是因为重复的文件.但是,当我删除任何一个重复项时,我得到错误:
error: /Users/me/Documents/Cordova27/myapp/myapp/Resources/icons/icon-72.png: No such file or directory
Run Code Online (Sandbox Code Playgroud)
有谁知道怎么解决这个问题?尝试清理并重新启动XCode无济于事.
我有一个var,它有一个包含一系列单词的字符串,其中一些有标签,例如:
var words = "#hashtagged no hashtag #antoherhashtag";
Run Code Online (Sandbox Code Playgroud)
我想将每个hashtagged字保存到一个数组中,有点像:
var tagslistarr = words.split(' ');
Run Code Online (Sandbox Code Playgroud)
但我不确定如何让#和空间包围的角色.
这有什么特别的方法吗?是否有一些ASCII字符我打算用来识别这个?
我不小心将一个同事分支合并到我正在处理的分支机构中.从那以后我做了几次提交,所以理想情况下我不想恢复到合并前分支的状态.但是,我没有做任何改变他的文件的事情.
有没有办法可以从我的文件中删除他的分支文件?
(对不起,我是git的新手 - 希望我的术语有所了解).
我想在某些断点上显示/隐藏元素,就像我对 Bootstraph 或 Zurb Foundation 所做的那样。
我在此处的文档中看到https://material-ui.com/system/display/#api我们添加
display={{ xs: 'block', md: 'none' }}
到我们的元素。我已经这样做了,但没有得到任何结果 - 没有隐藏/显示元素,没有错误,没有编译问题。
有人知道这是如何做到的吗?
我的代码是:
import React from 'react'
import PropTypes from 'prop-types'
import makeStyles from '@material-ui/core/styles/makeStyles'
import Button from '@material-ui/core/Button'
const useStyles = makeStyles(styles)
const PhoneActionLink = ({ children, prefix, href, value, display, isFirst, ...other }) => {
const classes = useStyles()
return (
<Button
display={{ xs: 'block', md: 'none' }}
{...other}
>
{children}
</Button>
</div>
)
}
Run Code Online (Sandbox Code Playgroud)