小编Suf*_*fii的帖子

如何使Bootstrap 3按钮文本响应

您能否请一看,This Demo让我知道如何只根据按钮的大小制作按钮内的文字?

<div class="container"><div class="well">
    <button type="button" class="btn btn-default btn-lg btn-block">Make Me Responsive!</button>
</div></div>
Run Code Online (Sandbox Code Playgroud)

从演示中可以看出,按钮测试字体大小与调整窗口大小时的初始时间保持一致.你可以告诉我如何在不使用body元素的情况下更新id吗?

谢谢,

css3 twitter-bootstrap twitter-bootstrap-3

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

用鼠标向下和移动事件绘制直线的问题

你能看一下下面的演示,让我知道如何让代码在画布上画100%直线?

$(function() {
    var drawLine = false;

    var theCanvas = document.getElementById('map');
    var ctx = theCanvas.getContext('2d');
    theCanvas.width = 420;
    theCanvas.height = 300;

    var canvasOffset = $('#map').offset();

    $('#map').mousemove(function(e) {
        if (drawLine === true) {
            ctx.lineTo(e.pageX - canvasOffset.left, e.pageY - canvasOffset.top);
            ctx.stroke();
        }
    });

    $('#map').mousedown(function() {
        drawLine = true;
        ctx.strokeStyle = 'blue';
        ctx.lineWidth = 5;
        ctx.lineCap = 'round';
        ctx.beginPath();
        ctx.moveTo(e.pageX - canvasOffset.left, e.pageY - canvasOffset.top);
    });

    $(window).mouseup(function() {
        drawLine = false;
    });
});
Run Code Online (Sandbox Code Playgroud)
#map{border:solid; margin-top: 50px;}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<canvas id="map"></canvas>
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,代码工作正常,但我想要的是在绘图上绘制一条直线

谢谢

javascript jquery html5-canvas

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

如何在PHP中动态创建全局变量

我需要通过动态函数在PHP中创建一些全局变量,以便在函数之外使用

我试过了

<?php
function setthis(newglobal){
  global $_.newglobal._1;
  $_.newglobal._1 = "pampam";
}
setthis();

 echo $_newglobal_1;
?>
Run Code Online (Sandbox Code Playgroud)

我收到了这个错误

行:2,错误类型:4

消息:语法错误,意外')',期待'&'或变量(T_VARIABLE)

我也尝试将它们包含在引用变量中

<?php
function setthis(newglobal){
  global $_.'newglobal'._1;
  $_newglobal_1 = "pampam";
}
setthis();

 echo $_newglobal_1;
?>
Run Code Online (Sandbox Code Playgroud)

我收到错误消息

:语法错误,意外')',期待'&'或变量(T_VARIABLE)

如果这在PHP中可行,请告诉我吗?或者我做错了什么?

更新

<?php
function setthis($name){
    $GLOBALS[$name];
    $name = "pampam";
}
setthis();
echo $name;
?>
Run Code Online (Sandbox Code Playgroud)

php php-5.6

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

如何在Angularjs中显示和隐藏具有复选框状态的元素

你能告诉我如何展示和隐藏角度元素吗?在下面的示例中,我想最初隐藏#item-details和显示它,如果选中复选框或隐藏,如果取消选中

<!DOCTYPE html>
<html ng-app="app">
<body>
<div class="container" ng-controller="checkController">
<div class="row">
  <div class="col-md-2"><input type="checkbox" name="item" value="new" />Add New Item <br /></div>

<div class="col-md-6" id="item-details" ng-show="">
<div class="btn-group" role="group" aria-label="...">
       <button type="button" class="btn btn-default">Left</button>
       <button type="button" class="btn btn-default">Middle</button>
       <button type="button" class="btn btn-default">Right</button>
     </div>
  </div>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js">/script>
<script>
   var app = angular.module('app', [])
   .controller('checkController', function() { });
    this.
});

</script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

angularjs

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

如何将Firefox和Chrome添加到C#浏览器控件?

你能告诉我如何将其他浏览器控件(如Chrome,Firefox等)添加到C#Web浏览器控件中吗?我正在尝试在C#中创建一个HTML和CSS规则测试器,我需要将所有这些控件都安装在C#中应用

c# webbrowser-control

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

如何检查点是否为KML多边形(GIS Shapefile)

我有一个从Shapefile导出的叠加KML多边形,有没有什么方法可以找到一个点是多边形(KML)的天气?我知道当我们创建多边形槽谷歌地图api时,这是可能的

var polygon = new google.maps.Polygon([], "#000000", 1, 1, "#336699", 0.3);
Run Code Online (Sandbox Code Playgroud)

但是我们如何使用KML叠加来实现这一目标?

google-maps-api-3

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

在CSS中使用'>'选择器有什么好处?

这两个选择器:

.class>li>a{}
Run Code Online (Sandbox Code Playgroud)

.class li a{}
Run Code Online (Sandbox Code Playgroud)

我正在为我做同样的工作所以有人可以告诉我使用的好处是>什么?

谢谢

css css-selectors

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

在Bootstrap中向Dropdown菜单添加Open类的问题

我正在尝试添加.open.btn-group来保持菜单打开

$('.keep-Open').on('click', function() {
        $('.btn-group').addClass('open');
 });
Run Code Online (Sandbox Code Playgroud)

但它不起作用!

我不想用

.preventDefault(); 
.stopPropagation(); 
Run Code Online (Sandbox Code Playgroud)

因为这两个停止包括chechbox或选择选项,所以我为什么不在click事件上添加open.btn-group?能不能让我知道为什么这不起作用?

$('.keep-Open').on('click', function() {
        $('.btn-group').addClass('open');
 });
Run Code Online (Sandbox Code Playgroud)
body{margin:50px;}
.dropdown-menu{min-width:230px;}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action <span class="caret"></span>
  </button>
  <div class="dropdown-menu">
<div class="list-group">
  <button type="button" class="list-group-item keep-Open">Cras justo odio</button>
  <button type="button" class="list-group-item keep-Open">Dapibus ac facilisis in</button>
  <button type="button" class="list-group-item keep-Open">Morbi leo risus</button>
  <button type="button" class="list-group-item keep-Open">Porta ac consectetur …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

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

无法将阵列推入阵列(制作阵列数组)

你能不能看看这个片段,让我知道为什么我不能在这个例子中创建一个数组数组?

var data1 = [5555,22,102858,12,.554,88888,99999999,12,1.5];
var data2 = [5555,22,102858,12,.554,88888,99999999,12,1.5];
var data3 = [5555,22,102858,12,.554,88888,99999999,12,1.5];
var data4 = [5555,22,102858,12,.554,88888,99999999,12,1.5];

var all = [];
all[0].push(data1);
all[1].push(data2);
all[2].push(data3);
all[3].push(data4);

var myJsonString = JSON.stringify(all);
console.log(myJsonString);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

javascript

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

重置(取消选择)Bootstrap Radio按钮的问题

你能看看这个演示,让我知道为什么我不能通过使用以下代码取消选择所有单选按钮:

<div class="btn-group" data-toggle="buttons" id="radioopt">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1"> Option 1
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2"> Option 2
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3"> Option 3
  </label>
</div>
<button class="btn btn-success" id="deselect">Reset</button>

<script>
  $("#deselect").on("click",function(){
    $(".btn-group button").removeClass("active");
  }
</script>
Run Code Online (Sandbox Code Playgroud)

jquery twitter-bootstrap twitter-bootstrap-3

0
推荐指数
1
解决办法
3143
查看次数

Jquery点击事件仅触发一次

你能看一下这个Demo,让我知道为什么点击事件开启#pre并且#nex只发射一次!

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

var d = new Date();
var n = d.getMonth();
$("#month").html(months[n]);

$(".row").on('click' , '#pre',  function(){
    $("#month").html(months[n-1]);
});

$("#nex").on('click' , function(){
  $("#month").html(months[n+1]);
});
Run Code Online (Sandbox Code Playgroud)

我也尝试使用委托方法#pre再次无效

javascript jquery

0
推荐指数
1
解决办法
72
查看次数

在Bootstrap 3 Navbar中使用Glyphicons图标时遇到问题

你能不能看看这个演示,让我知道为什么Glyphicons图标不在导航栏中(垂直)居中?

    <nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-slide-dropdown">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-slide-dropdown">
        <ul class="nav navbar-nav">
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>               
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap twitter-bootstrap-3

0
推荐指数
1
解决办法
6583
查看次数

如何首次避免延迟启动js setInterval()函数

您能否看一下下面的代码,让我知道如何才能避免这次倒计时过程中的第一次延迟?

你可以看到计数器工作正常,但第一次启动有一个延迟.

var sec = 20;
var timer = setInterval(function() { 
   $('#box').text(sec--);
   if (sec == -1) {
      $('#box').css('color','blue');
      clearInterval(timer);
   } 
}, 1000);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="box">20</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

0
推荐指数
1
解决办法
618
查看次数