小编JGa*_*rdo的帖子

问题是当用户首次访问该站点时滑块无法正常显示.在测试中滑块工作正常.

或者实际上存在首次访问页面时无法加载的问题,但是当您刷新页面时(并且仅在何时)显示该问题.但是否则滑块显示但不显示图像

我查看了Zurb在Zurbs文档中关于Orbit滑块的文档,他们有一个示例文件,原始演示文件在图像上方有一个链接(我删除了)

然后,我使用关键词"orbit preload images"使用关于此主题的短语在Google上搜索更多内容,并找到了具有预加载功能的One解决方案.下面是我用来预加载的代码(我只修改了图像的路径)

<script language="javascript">
  function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
      $('<img/>')[0].src = this;
    });
  }
  preload([
    '../images/products/mill/slider/dentist.jpg',
    '../images/products/mill/slider/side.jpg',
    '../images/products/mill/slider/before.jpg',
    '../images/products/mill/slider/after.jpg',
    '../images/products/mill/slider/radio.jpg'
  ]);
</script>

我继续添加脚本,但仍然没有加载.该页面的完整代码可在GitHub上的Gist中查看

用于设置图像滑块的代码可在GitHub上的Gist中查看

该站点托管在不支持php的.net环境中的服务器上.

有人会认为只是替换与应用程序关联的存储桶中的内容会更新应用程序,但事实并非如此.

gsutil rsync -r gs://bucket-name ./app-name

然后我进入项目目录并做了

gcloud app deploy

昨天一切正常.但今天我做了更改,进入同一目录,你根本不能再做gcloud app deploy了.我将新的构建文件夹复制到存储桶中.但似乎缺少一步？我运行了与昨天相同的命令,认为rsync可能会将存储桶同步到应用程序,然后我又回到了应用程序并进行了另一次部署.但一切都没有改变.我错过了什么步骤？

所以这是一种特殊的情况 - 我有一个插件,我不能出于合同原因修改.它显示一组下拉菜单,我需要它来显示一组单选按钮.是否有js/jquery方法将下拉列表转换为单选按钮,而无需更改HTML.记住,我可以添加内容 - 我可以直接修改插件(以及HTML).

我知道这是一个糟糕的方法,相信我,我不喜欢它比你做的更多.

可能通过检测下拉选项的值,然后将它们重新格式化为单选按钮,隐藏原始下拉列表？

<form action="http://example.net/store/cart/" method="post" class="shopp product"> 
  <ul class="variations"> 
    <li> 
      <label for="options-1">Music Download</label> 
      <select name="products[117][options][]" class="category-catalog product117 options" id="options-1">
        <option value="">Select an option</option> 
        <option value="1">Full Album</option> 
        <option value="7">Theme</option> 
        <option value="8">Simian Segue  </option> 
        <option value="9">DK Island Swing</option> 
        <option value="10">Cranky's Theme</option> 
        <option value="11">Cave Dweller Concert</option> 
        <option value="12">Bonus Room Blitz</option> 
        <option value="13">Aquatic Ambiance</option> 
        <option value="14">Candy's Love Song</option> 
        <option value="15">Bad Boss Boogie</option> 
        <option value="16">Mine Cart Madness</option> 
        <option value="17">Life in the Mines</option> 
        <option value="18">Voices of the Temple </option> 
      </select>
    </li> …

题

如果两者<li>都是50%,为什么他们不能并排？

码

在jsfiddle上演示.

HTML

<ul>
    <li>left</li>
    <li>right</li>
</ul>

CSS

ul {
    padding: 0;
}
li {
    list-style: none;
    display: inline-block;
    width: 50%;
    font-size: 12px;
    color: gray;
    background-color: rgb(216, 216, 216);
    padding: 3px;
    text-align: center;
    border: 1px solid rgba(179, 179, 179, 0.83);
}

我的应用程序在本地工作但是当我部署到Heroku时,出现了问题.这是我的错误,似乎错误是由我添加EJS后未能做的事情引起的.

2014-01-06T16:53:39.285571+00:00 app[web.1]: module.js:340
2014-01-06T16:53:39.285956+00:00 app[web.1]:     throw err;
2014-01-06T16:53:39.286233+00:00 app[web.1]:           ^
2014-01-06T16:53:39.288439+00:00 app[web.1]: Error: Cannot find module 'ejs'
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Function.Module._resolveFilename (module.js:338:15)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Function.Module._load (module.js:280:25)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at require (module.js:380:17)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Object.<anonymous> (/app/app.js:28:20)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Module._compile (module.js:456:26)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Module.require (module.js:364:17)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Object.Module._extensions..js (module.js:474:10)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Module.load (module.js:356:32)
2014-01-06T16:53:39.288439+00:00 app[web.1]:     at Function.Module._load (module.js:312:12)
2014-01-06T16:53:39.288617+00:00 app[web.1]:     at Function.Module.runMain (module.js:497:10)
2014-01-06T16:53:40.650512+00:00 heroku[web.1]: State changed from starting to crashed
2014-01-06T16:53:40.637888+00:00 heroku[web.1]: Process exited …

背景

谷歌地图有一个默认边框，出于美观原因，我不想在我们的网站上显示。

客观的

我想摆脱它或隐藏它。

代码

到目前为止，我所做的是删除嵌入代码中的默认高度和宽度。然后添加一个较小的包装器，以便嵌入将延伸到它之外并且不显示。

在 Inspect Element 我看到边框是 1px。但是仅仅将<iframe>2px 变大并将 -1px 放在外面并不足以将其删除。所以我最终做了 102%，但它没有我想要的那么精确。在这一点上它是功能性的，没有人会真正注意到，但它是一种“临时解决方法”

HTML

<div class="map-footer-wrap">
  <iframe src="https://mapsengine.google.com/map/embed?mid=zIn_bb78zyjU.kVqzAS1cS9qg" border="0"></iframe>
</div>

CSS

.map-footer-wrap {
  height: 400px;
  overflow: hidden;
  position: relative
}

.map-footer-wrap iframe {
  width: 102%;
  height: 102%;
  position: absolute;
  top: -1%;
  left: -1%;
}

我想在我的Express应用程序的所有页面上使用的布局中添加页脚.我跟着这个相关的教程

http://www.devthought.com/code/use-jade-blocks-not-layouts/

但我似乎错过了一些东西.这是我的代码.

layout.jade

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

    block footer

footer.jade

extends layout

block footer
  footer
    ul
      li
        a(href="/team") Team
      li
        a(href="/privacy") Privacy
      p
        | company name <br> 
        | &copy; 2014, All Rights Reserved

我尝试执行以下操作，以及仅使用<a>href 和<img>标签对齐，但我仍然无法将可点击图像与页面中心对齐。

<a href="next.html" align="middle">
   <img src="tlbr.png" align="middle">
</a>

浮动标签也无法以我尝试过的任何方式工作，因为据我所知，没有办法浮动到中心。

任何直接在 HTML 或 CSS 中的解决方案都很棒。谢谢。

目的

安装virtualenv virtualenvwrapper

背景

我正在尝试通过以下教程创建一个样本瓶应用程序https://realpython.com/blog/python/flask-by-example-part-1-project-setup/

但是,由于我在10.11.1上运行的这台新Mac上设置了Python和相关技术,因此我遇到了一些问题

我被困在命令,我进入这个

$ mkvirtualenv --python =/usr/local/bin/python3 wordcounts

我后来意识到我没有python 3.但我仍然有错误

-bash: mkvirtualenv: command not found

所以我发现本教程有助于在Mac OS X上安装virtualenv 安装virtualenv和virtualenvwrapper,它说运行这个

pip install virtualenv virtualenvwrapper

但后来我遇到了pip的问题

当前状态

我以为我在OSX 10.11 El Capitan上无法安装virtualenvwrapper找到了现有答案

答案说

sudo pip install pbr
sudo pip install --no-deps stevedore
sudo pip install --no-deps virtualenvwrapper

但是在接受的答案的评论中提到的另一个用户,即它在10.11.1上没有工作

日志

Captains-MacBook-Pro:flask-by-example mac$ sudo pip install pbr
Password:
The directory '/Users/mac/Library/Caches/pip/http' or its parent directory is not owned by the current user and …

我想将 react-route 添加到我的应用程序中，我有以下代码：

从“反应”导入反应；从 'react-dom' 导入 ReactDOM；

import { Router, browserHistory } from 'react-router';

import App from './App.js';

ReactDOM.render(
    <Router history={browserHistory}> 
        <Route exact path="/" component={App} /> 
    </Router>,
    document.getElementById('root')
);

应用程序：

import React from 'react';

class App extends React.Component {
    render() {
        return (
            <div className="container">
                Hello
            </div>
        );
    }
}

export default App;

我有一个在 8080 上侦听的 Spring Boot 服务器，在浏览器中检查 localhost:8080 时出现错误（调试 mozilla）：

ReferenceError: Route is not defined

我有“反应路由器”：“^ 4.1.1”。

编辑：进口路线，但我现在得到：

TypeError: i.props.history is undefined

更新：安装了 react-router 3.0.2 并工作。