小编hju*_*ter的帖子

Bootstrap下拉列表无法正常工作

我不能让bootstrap下拉列表工作.这是我的导航html:

<ul class='nav'>
  <li class='active'>Home</li>
  <li class='dropdown'>
    <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">asds</a></li>
      <li class="divider"></li>
    </ul>
  </li>
  <li>Payday loans</li>
  <li>About</li>
  <li>Contact</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

以下是脚本:

<script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?谢谢你的回答!

html twitter-bootstrap drop-down-menu

68
推荐指数
10
解决办法
25万
查看次数

如何使用RequireJS加载Google Maps API?

我正在努力用requireJS加载gmaps api.这就是我尝试过的:

requirejs.config({
    urlArgs: "noCache=" + (new Date).getTime(),
    paths : {
        "jquery": "vendor/jquery-1.8.2.min",
        "bootstrap": "vendor/bootstrap.min",      
        "underscore": "libs/underscore-min",
        "backbone": "libs/backbone-min",    
        "template": "libs/template",
        "gmaps": "http://maps.google.com/maps/api/js?v=3&sensor=false"
    },
    shim: {
        'backbone': {
            deps: ['jquery', 'underscore'],
            exports: 'Backbone'
        },
        'underscore': {
            exports: '_'
        },
        'bootstrap': {
            deps: ['jquery']
        },
        'gmaps': {
            deps: ['jquery']
        },
        'main':{
            deps: ['jquery','gmaps']   
        }
    }
});

require(["main"], function (main) {})
Run Code Online (Sandbox Code Playgroud)

但是当我尝试实例化我得到的地理编码器时,在main.js里面,undefined不是函数"错误.

var geocoder = new google.maps.Geocoder();
Run Code Online (Sandbox Code Playgroud)

任何想法我可能做错了什么?

google-maps-api-3 requirejs js-amd

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

如何获得最大文档滚动值

我正在制作一些插件,我需要获得scrollTop文档的最大价值.最大值scrollTop2001,但$(document).height()返回2668$('body')[0].scrollHeight给我undefined.

如何2001通过javascript/jquery?!

javascript jquery scrolltop

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

如何从骨干事件中的被点击元素获取属性?

这是我改变路线的基本骨干视图.我想获得点击链接的href属性.怎么做?这是一个代码:

var Menu = Backbone.View.extend({   
        el: '.nav', 
        events: {
            'click a' : 'changeRoute'
        },  
        changeRoute: function(e) {
            e.preventDefault();
            //var href = $(this).attr("href");
            router.navigate(href, true);
        }
 });
Run Code Online (Sandbox Code Playgroud)

我是骨干的新手,所以请怜悯:)

backbone.js backbone-events backbone-views

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

CSS3动画在IE9中不起作用

CSS3动画在IE9中不起作用.这是jfiddle链接.是否有可能让他们在IE上工作或者我犯了一些愚蠢的错误?这是不起作用的代码:

@-ms-keyframes rotating {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}

#rotateMe{
  -ms-animation: rotating 5s linear infinite;
}
Run Code Online (Sandbox Code Playgroud)

由于IE doent支持此功能,我使用jquery rotate插件创建了回退

这是我的IE后备功能:

$(function() {
    if (!$.support.transition){
        var angle = 0;
        var angle2 = 0;
        setInterval(function(){
              angle+=0.3;
              angle2-=0.3;
             $(".rotateRing").rotate(angle);
             $(".rotateRingReverse").rotate(angle2);
        },50);
    }
});
Run Code Online (Sandbox Code Playgroud)

internet-explorer css3 css-transforms css-animations

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

使用下划线sortBy方法对对象数组进行排序

我有一个对象数组,我想通过'home'的值来排序ASC那个数组.该字段始终为数字.所以我试过这个:

_.sortBy(data.home.en, function(obj){ return obj.home });
Run Code Online (Sandbox Code Playgroud)

当'home'的值低于10时,这很有效,但由于某种原因10在1之后,所以我的最终订单看起来像这样1,10,11,2,3,4,5,6,7 ,8,9.为什么会这样?谢谢...

sorting underscore.js

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

如何在移动设备的网站上启用捏缩放?

我正在尝试在我的网站上启用捏缩放.我试图通过像这样设置元视口来启用缩放,但没有任何成功.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0, minimum-scale=1, user-scalable=yes"/>
Run Code Online (Sandbox Code Playgroud)

任何想法为什么我的网站仍然不能在ipads和iphone上进行缩放?

html mobile-devices viewport

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

如何动态加载linkedin共享按钮?

我在我的网站上动态加载内容,我需要在ajax函数之后创建社交媒体按钮,当我得到必要的信息时.我为facebook和twitter找到了很好的解决方案,但我找不到适用于linkedin的工作解决方案.希望我的问题很明确......提前感谢您的答案!

编辑:我找到了解决方案.

var din ='<script id="holderLink" type="IN/Share" data-url="http://kitchenprague.com/news.php?id='+val.id+'" data-counter="right"></script>';
$(".linkedinDetail").html(din);
IN.parse();
Run Code Online (Sandbox Code Playgroud)

jquery linkedin

6
推荐指数
1
解决办法
2466
查看次数

绘制到html画布中的png图像质量很差

我试图将png图像绘制到画布中,但质量非常差.我正在使用drawImage方法:

src = folder+self.cur+".png";
imageObj.src = src;
imageObj.onload = function() {
    context.clearRect(0, 0, cv, ch), context.drawImage(imageObj, 0, 0, cv, ch)
};
Run Code Online (Sandbox Code Playgroud)

附件是原始图像和画布中结果的屏幕截图.目前画布尺寸与图像相同,因此问题不是由尺寸调整引起的.

导致这个问题的原因是什么以及如何解决? 这是一个例子的jfiddle.

在此输入图像描述

javascript html5 png canvas drawimage

6
推荐指数
1
解决办法
5955
查看次数

无法使translate3d Z属性工作

我正在使用:

 -webkit-transform: translate3d(0,500px,300px);
Run Code Online (Sandbox Code Playgroud)

X和Y属性工作正常,但Z(300px),只是不起作用.这是jfiddle.我究竟做错了什么?我尝试了Chrome 24和Canary 25感谢您的支持......

css3 translate3d

5
推荐指数
1
解决办法
6519
查看次数