小编web*_*aly的帖子

有很多css样本用于链接的样式颜色.

html5boilerplate.com为链接提供了这样的css代码:

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }?

对大多数情况来说它足够好吗？

或者也许更好的css代码存在链接的样式颜色？

我有一个控制器,它映射到我的网站的部分,其中的所有页面(方法)应该只在用户登录时出现.否则他们应该被重定向回登录屏幕.

为了让它工作,我刚刚完成了这个:

function index() {

    if ($this->session->userdata('logged_in')) {
        $this->load->view('main');

    } else {
        redirect('/login');
    }
}

function archive() {

    if ($this->session->userdata('logged_in')) {

等等......在每种方法中重复检查.对控制器中的多重或全部方法执行此检查的最简单方法是什么？

CREATE和EDIT控制器中有许多重复的代码.这些控制器可以组合成一个,以最大限度地减少重复代码.

问题:我需要区分在表单提交上使用哪种方法 - 例如create()或edit().

解决方案:我可以添加$scope.mode例如并设置$scope.mode='edit'用户是否单击"编辑"按钮或设置$scope.mode='add'用户是否单击"添加"按钮.

我可以使用服务来最小化重复代码,但仍然会有重复的代码.例如,在两个控制器中,我有cancel()方法,它清除表单并隐藏它.我可以在服务中存储clearForm()和hideForm(),但是这些代码将在两个控制器中重复:

$scope.cancel = function() {
    Service.clearForm();
    Service.hideForm();
};

问题:

• 在AngularJS中组合CREATE和EDIT控制器是一种好习惯吗？
• 有没有什么好的做法可以减少重复代码？

例如,我有表单,我显示表单输入错误.

如果有错误,我需要在输入标签附近显示红色徽章(带有"悬停以显示错误").如果用户将悬停此红色徽章 - 他将使用AngularJS UI Bootstrap工具提示查看错误列表.我不想将错误列表放入tooltip-html-unsafe属性中,因为编辑和维护不方便.

这段代码更具说明性:

<validation-tooltip ng-show="appForm.number.$invalid && appForm.number.$dirty">
    <ul>
        <li ng-show="appForm.number.$error.required">this field is required</li>
        <li ng-show="appForm.number.$error.number">should be number</li>
        <li ng-show="appForm.number.$error.min">minimum - 5</li>
        <li ng-show="appForm.number.$error.max">miximum - 20</li>
    </ul>
</validation-tooltip>

比这个代码:

<span tooltip-html-unsafe="{{<ul><li>This field is required;</li><li>...</li></ul>}}">hover to show errors</span>

如何使用AngularJS UI Bootstrap工具提示编写这样的validation-tooltip指令？

或者您可以建议另一种方法来维护验证错误消息吗？

我有这样的代码(例如):

<script>
$('audio').mediaelementplayer();
</script>

<audio id="mejs" controls="controls">
    <source src="/media/file-2.mp3" type="audio/mp3" />
</audio>

<ul class="mejs-list">
    <li>/media/file-1.mp3</li>
    <li class="current">/media/file-2.mp3</li>
    <li>/media/file-3.mp3</li>
</ul>

我需要按队列(一个接一个)播放列表中的音频文件.

我怎样才能改变音频源从列表中的下一个文件播放结束当前的文件后并开始播放下一个？

更新:有关mediaelement.js和播放列表的相关主题,但答案是关于使用许多mediaelementplayer()实例.

我需要创建一个验证指令,以自动显示每个输入的所有输入错误.此验证指令应显示当前时刻的所有错误,并且应在用户键入时自动更新错误列表.

如果输入是脏的,而不是空的和无效的,我需要显示输入的所有错误.我需要将所有错误添加到此输入元素附近的html元素中.

例如,如果输入的type ="email"和ng-minlength ="5"且用户输入'abc',我需要在此输入附近显示此类错误:'无效的电子邮件; 请输入至少5个字符;'

例如,如果输入的type ="number"attr和min ="200"并且min-model ="minnumber"并且minnumber模型设置为'300'并且用户输入'100',我需要在此输入附近显示此类错误:'请输入最小数量500; 应该大于最小数;'

如果相关模型(min-model param)更新,我还需要在prev示例中更新所有错误消息以进行输入.

var app = angular.module('app', []);

app.controller('appCtrl', function ($scope) {

});

app.directive('validate', function () {
    return {
        restrict: 'A',
        require: 'ngModel', // require:  '^form',

        link: function (scope, element, attrs, ctrl) {
            console.log('======================');
            console.log(scope);
            console.log(element);
            console.log(attrs);
            console.log(ctrl);
            console.log(scope.form.$error);
            angular.forEach(scope.form.$error, function (value, key) {
                console.log('scope.form.$error = ' + key + ': ' + value);
                console.log(value);
            });

        }
    };
});


app.directive('positiveInteger', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: …

除语法之外,这些函数之间没有太大区别:

$('.target').append('text');
$('text').appendTo('.target');

如jQuery文档中所述:

.append()和.appendTo()方法执行相同的任务.主要区别在于语法特定,内容和目标的放置.使用.append(),方法前面的选择器表达式是插入内容的容器.另一方面,使用.appendTo(),内容在方法之前,作为选择器表达式或动态创建的标记,并且它被插入到目标容器中.

那么在哪种情况下最好使用.append()和.appendTo()？ 哪些代码样本只适合这两个函数中的一个而另一个不够好？

同样的问题适用于:

• .prepend() vs .prependTo()
• .before() vs .insertBefore ()
• .经过() VS .insertAfter() .

我试图在mediaelement.js中搜索音频播放列表的示例.但我发现没有,是mediaelement.js支持音频播放列表吗？如果是这样,请支持我的示例代码或链接.非常感谢你.

此方法不起作用，因为复选框不在 DOM 中：

$('input[type=checkbox][name=rememberme]').prop('checked', true);

我不知道如何使用 .on() 因为我不需要绑定事件：

$(elements).on( events [, selector] [, data] , handler );

如何检查使用jQuery通过ajax加载的复选框？

更新:适用于所有浏览器的最新代码位于此JSFiddle中 - https://jsfiddle.net/webvitaly/yu00ugft/5/

我正在尝试使用纯CSS方法制作响应列.

我有一个问题,列有时在顶部有差距/边距.

JSFiddle链接尝试和探索 - https://jsfiddle.net/webvitaly/yu00ugft/

怎么解决？

CSS:

.fx-columns {
  background: yellow;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.fx-columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.fx-columns-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.fx-columns .fx-column {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  background: pink;
  clear: both;
  margin-bottom: 20px;
}

HTML:

<div class="fx-columns fx-columns-4">
  <div class="fx-column">
    <h3>Header</h3>
    <p>Text paragraph</p>
  </div>
  <div class="fx-column">
    <h3>Header</h3>
    <p>Text paragraph</p>
    <p>Text paragraph</p>
    <p>Text paragraph</p>
  </div> …

例如,我们有html输入值="wally":

<input type="text" value="wally" />

用户更改之后如何获得这个旧的"wally"值(使用jQuery)？

我尝试使用.attr(),. prop(),. value()来获取它,但所有这些都返回用户输入的新值.

您可以在jsfiddle上测试代码.尝试更改输入值,然后单击"获取"蓝色按钮.

PS jQuery 1.7.2包含在jsfiddle中.

我写了一个javascript函数,只允许这样的数字,逗号,点

function isNumber(evt) {
              var theEvent = evt || window.event;
              var key = theEvent.keyCode || theEvent.which;
              key = String.fromCharCode(key);
              var regex = /^[0-9.,]+$/;
              if (!regex.test(key)) {
                  theEvent.returnValue = false;
                  if (theEvent.preventDefault) theEvent.preventDefault();
              }

}

但如果我想删除任何数字形式的文本框..退格无法正常工作.然后我将正则表达式代码更改为" var regex = /^[0-9.,BS]+$/;"

仍然我无法在textbox中使用退格键.即使我在文本框上使用左右键我是做错了吗？任何人都可以帮助...谢谢.(当我在正则表达式中使用"BS"而不是退格时,它允许文本框中的"B","S"字符..)

我有一个按钮，用于启用/禁用地图的可拖动选项。

而且我需要将标记保持在地图中心，同时用户将拖动地图。

var map;

function toggleMapDraggable() {
  if (map.get("draggable")) {
    map.set("draggable", false);
  } else {
    map.set("draggable", true);
  }
}

function initialize() {

  var locations = [
    ['WELWYN GARDEN CITY ', 51.805616, -0.192647, 2],
    ['STANMORE  ', 51.603199, -0.296803, 1]
  ];

  map = new google.maps.Map(document.getElementById('map_canvas'), {
    navigationControl: true,
    scrollwheel: false,
    scaleControl: false,
    draggable: false,
    zoom: 10,
    center: new google.maps.LatLng(51.75339, -0.210114),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var infowindow = new google.maps.InfoWindow();
  var image = 'http://maps.google.com/mapfiles/ms/micons/blue.png';

  var marker, i;


  for (i = 0; i < locations.length; i++) …