小编Mel*_*Dog的帖子

PhoneGap/Cordova:JQuery动画运行缓慢

我在PhoneGap/Cordova中构建了一个应用程序,并将JQuery库用于一些简单的动画,如slideUp等.

它们在模拟器上运行良好,但是当我尝试使用实际设备时,动画运行起来非常粗短.

有没有办法加快速度?或者我应该使用不同的过渡框架工作?

如果后者是真的,任何人都可以建议一个好的版本供我尝试吗?

谢谢

jquery slide cordova

9
推荐指数
1
解决办法
2万
查看次数

JQuery Animate()从页面底部向上滑动

希望简单,但尝试从其他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页面加载时的距离.

谁能指出我正确的方向?谢谢

html javascript jquery jquery-animate

9
推荐指数
1
解决办法
4万
查看次数

如何从Tumblr API(JSON)中提取数据?

我已经设置了一个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)

但这没有任何作用.

谁能帮我吗?谢谢

api json get tumblr

9
推荐指数
1
解决办法
1万
查看次数

在Phonegap项目中使用普通的JQuery(使用JQuery Mobile)

我正在构建一个使用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)

jquery jquery-mobile cordova jquery-mobile-ajax

9
推荐指数
1
解决办法
1万
查看次数

PhoneGap/Cordova:防止水平滚动

我有一个建立在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)

这是在水平滚动上发生的事情

html scroll cordova

8
推荐指数
2
解决办法
1万
查看次数

Jquery:获取每个图像src

我有一系列的图像,每个图像都有"照片"类;

我想浏览其中的每一个并检索照片源,以便稍后在if语句中使用.我写了下面的代码来做到这一点,但没有成功:

$.each($(".photo"), function() {
  var imgsrc = $(this).attr("src").length;
  console.log(imgsrc);
});
Run Code Online (Sandbox Code Playgroud)

我不知道我在哪里出错了.这似乎对我有意义,但我在控制台中没有得到任何东西.

谁能指出我正确的方向?

javascript each jquery jquery-selectors

8
推荐指数
1
解决办法
3万
查看次数

XCode:'警告:输出文件的多个构建命令'但是如果我删除了副本,我会收到错误

我得到错误:

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无济于事.

xcode ios

8
推荐指数
3
解决办法
1万
查看次数

通过hashtag拆分字符串并使用jQuery保存到数组中?

我有一个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字符我打算用来识别这个?

javascript arrays string jquery

8
推荐指数
2
解决办法
8129
查看次数

意外地将错误的分支合并到我的.有没有办法删除这些不需要的文件?

我不小心将一个同事分支合并到我正在处理的分支机构中.从那以后我做了几次提交,所以理想情况下我不想恢复到合并前分支的状态.但是,我没有做任何改变他的文件的事情.

有没有办法可以从我的文件中删除他的分支文件?

(对不起,我是git的新手 - 希望我的术语有所了解).

git merge

8
推荐指数
2
解决办法
3178
查看次数

如何使用 Material UI 在某些断点处隐藏/显示元素?

我想在某些断点上显示/隐藏元素,就像我对 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)

reactjs material-ui

8
推荐指数
2
解决办法
9481
查看次数