小编JGa*_*rdo的帖子

在平板电脑上查看时,我将此作为我的网站菜单栏:

右侧的菜单图标显示单击时的其他选项.代码是

<div id="menu">
  <a id="metaMenu" href="#">&#9776;</a>
</div>

但是我在Twitter上看到某些Android手机不支持该实体(或者它可能是相应的Unicode字符).如何修改我的HTML以获得后备？

目的

使用Bootstrap-select库在select标记上实现样式.

问题

我得到两个选择而不是一个下拉菜单.

题

我需要在我的javascript或其他地方更改以使其正确显示

码

在CodePen上演示

HTML

<select class="selectpicker">
    <option data-hidden="true">Choose one...</option>
    <option>BBQ Pork</option>
    <option>Bacon</option>
    <option>Sausage</option>
</select>

脚本库顺序

• //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
• https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js
• https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js

Javascript(我把它放在库后的脚本标签中)

$(document).ready(function(){
    $('.selectpicker').selectpicker(); 
});

他们的文档根本不清楚

网站上的任何地方都没有任何标记为“API 密钥”的东西，但有

• 消费者密钥：
• 消费者秘密：
• 令牌：
• token_secret:

我有一个使用CSS的下拉菜单,现在我被告知他们希望下拉菜单显示有点慢.一切都很好,但是当用户将鼠标悬停在导航上时,我无法减缓转换速度.使用仅CSS解决方案执行此操作的最佳方法是什么？

演示JSFiddle

HTML

<nav>
  <ul>
    <li><a href="#">Line 1</a></li>
    <li><a href="#">Line 2</a>
      <ul>
        <li><a href="#">SubCat 1</a></li>
        <li><a href="#">SubCat 2</a></li>
        <li><a href="#">SubCat 3</a></li>
      </ul>
    </li>
    <li><a href="#">Line 3</a>
      <ul>
        <li><a href="#">SubCat 4</a></li>
        <li><a href="#">SubCat 5</a></li>
        <li><a href="#">SubCat 6</a></li>
      </ul>
    </li>
    <li><a href="#">Line 4</a>
      <ul>
        <li><a href="#">SubCat 7</a></li>
        <li><a href="#">SubCat 8</a></li>
        <li><a href="#">SubCat 9</a></li>
      </ul>
    </li> 
  </ul>
</nav>

CSS

nav {
    background: url(../images/global/Navigation_Full.png) no-repeat;
    width: 540px;
    height: 54px;
    margin: 0 auto;
    color: #000;
}

nav ul{
    display: inline-table;
    list-style: none;
    width: 100%; …

我有一个没有颜色的盒子.如果包装盒正在click()它将addClass('.red')使其红色,如果再次单击框颜色变为蓝色.他们交替改变.而且我不知道该怎么做.

码

HTML

<div class='box'></div>

CSS

.box {          
    width: 250px;
    height: 100px;    
    border: 1px #000 solid;
}

.red {
    background: red;
}

.blue {
    background: blue;
}

使用Javascript

$('div').click(function() {
    $(this).addClass('red');
});

jsfiddle的链接

如果将鼠标悬停在User菜单上,则菜单会显示在左侧= 0.但是,它应该显示在User"按钮" 下方.我怎么能做到这一点？(仅限CSS3)

我试图替换另一个文本字符串在这里是我的代码加js小提琴

HTML

<div class="label">Rating:</div>
<div class="data rating">****</div>

使用Javascript

var str=document.getElementsByClassName("data" ,"raiting").innerHTML; 
var n=str.replace(/\*/g,"star");
document.getElementsByClassName("data", "raiting").innerHTML=n;

演示

http://jsfiddle.net/sgGQz/1/

我已经"谷歌搜索"了,并在这里找到了许多类似的答案.这是我的确切错误.

$ git push heroku master
Counting objects: 43, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (35/35), done.
Writing objects: 100% (43/43), 5.19 KiB, done.
Total 43 (delta 10), reused 0 (delta 0)


 !     Push rejected, no Cedar-supported app detected

To git@heroku.com:vidperdiem.git
 ! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'git@heroku.com:vidperdiem.git'

是的我确实按照Heroku指南(说NPM安装)并验证我在Heroku上的回购是一个遥控器

这些是我的档案

的package.json

{
  "name": "vidperdiem",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node app.js"
  },
  "dependencies": …

我的应用程序已部署到Heroku但我有错误.当我跑步时,heroku logs这就是我得到的.我的下一步应该是什么？

2014-12-10T00:11:35.262196+00:00 heroku[api]: Release v2 created by jgallardo720@gmail.com
2014-12-10T00:11:35.262157+00:00 heroku[api]: Enable Logplex by jgallardo720@gmail.com
2014-12-10T02:11:58+00:00 heroku[slug-compiler]: Slug compilation started
2014-12-10T02:11:59+00:00 heroku[slug-compiler]: Slug compilation failed: failed to compile Node.js app
2014-12-10T02:34:19+00:00 heroku[slug-compiler]: Slug compilation started
2014-12-10T02:34:24+00:00 heroku[slug-compiler]: Slug compilation finished
2014-12-10T02:34:24.699378+00:00 heroku[api]: Scale to web=1 by jgallardo720@gmail.com
2014-12-10T02:34:24.824438+00:00 heroku[api]: Release v3 created by jgallardo720@gmail.com
2014-12-10T02:34:24.824438+00:00 heroku[api]: Deploy 2e7cde3 by jgallardo720@gmail.com
2014-12-10T02:34:27.064796+00:00 heroku[web.1]: Starting process with command `node app.js`
2014-12-10T02:34:28.830069+00:00 heroku[web.1]: State changed from starting to crashed
2014-12-10T02:34:28.830779+00:00 heroku[web.1]: …

我有一个链接列表。

我在点击时添加了一个称为“处于活动状态”的类。同时，我想删除所有现有的“处于活动状态”，但单击的链接除外。类别中只有一个元素是“活动的”，因为它会“活跃”页面。（使用bulma CSS）

这是到目前为止我尝试过的代码。它在添加类，但不删除它们。

class Menu extends Component {

    constructor(props) {
        super(props);
        this.state = {addClass: false}
    };

    handleClick(e) {
        if(e.target.class === 'is-active'){
            e.target.className = '';
            console.log('remove')
        }else{
            e.target.className = 'is-active';
            console.log('add class')
        }
    }  

    render() {
        <ul className="menu-list">
            { this.props.getList.map(list =>
                <Link onClick={this.handleClick.bind(this)} key={list.id} to="">{list.title}</Link>                    
            )}
        </ul>
    }

}

export default SideMenu;

咨询将不胜感激。