小编Ste*_*ler的帖子

我想在下面的快照中创建一个下拉列表.我用Google搜索并知道HTML5 datalist可以帮助我做到这一点.但是,当焦点在其上时,datalist不会显示所有选项.如何显示所有选项？

到目前为止,这是我的代码:

<input list="theaters" name="theaters">
    <datalist id="theaters">
        <option value="Inox">
        <option value="E Square">
    </datalist>
</input>

我已经对该主题进行了一些谷歌搜索,但由于浏览器对datalist元素的支持仍然很差,似乎没有人使用它或者之前没有真正问过这个问题.我有一个数据主义者:

<form>

     <input placeholder="Enter a location or choose from the list" list="restaurants" id="hp-restaurants">

     <datalist id="restaurants">
         <option value="Sanford, ME" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/sanford/" />
         <option value="Kitery, ME" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/kittery/" />
         <option value="Belfast, ME" data-attr="<?php echo site_url(); ?>/locations/lobster-in-the-rough/belfast/" />
         <option value="Waterville, ME" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/waterville/" />
         <option value="Brewer, ME" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/brewer/" />
         <option value="South Portland, ME" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/south-portland/" />
         <option value="Bedford, NH" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/bedford-nh/" />
         <option value="Dover, NH" data-attr="<?php echo site_url(); ?>/locations/weathervane-restaurants/dover-nh/" /> …

我对Foundation 5推荐的SASS安装有疑问.

http://foundation.zurb.com/docs/sass.html

我在大约一周左右的时间里遵循了简要的教程,没有任何问题.一切似乎运行正常,看起来不错.

在接下来的几天里,我正在修改我正在进行的项目,但只将更改(CSS)放入custom.css文件中.在进入SASS的胆量之前,我想确保我的客户对我提出的设计感到满意.

今天晚上,我来到了SASS.compass watch在我做出任何改动之前我跑了,我立刻遇到了:

write stylesheets/app.css

index.html尽管没有做出任何改变,这完全搞砸了我.该app.css文件只是原始大小的一小部分(~750行与~8,500),因此页面几乎加载为原始HTML而没有有用的CSS - body例如,甚至没有任何样式的提示.

决定从头开始重新安装后,我仍然没有好转,并遇到了同样的问题.

根据基金会:

app.scss 在这里,您可以确定项目中的样式. 默认情况下,会导入所有Foundation,但您可以在此处停用并选择要导入的特定组件或添加自定义Sass.

当我第一次安装Foundation时,它全部导入为我加载的默认样式index.html.这是Zurb所描述的行为.现在它似乎只是抓住一些默认样式但不是整个事情,我不能为我的生活找出原因.

更新:一位朋友克隆了我的回购并没有任何问题.我已经做了同样的事情并再次遇到同样的问题 - 必须与我的环境有关.

进一步更新: compass watch仅编译两个Foundation文件,_icon-bar.scss并且_visibility.scss.它似乎甚至在这些文件中完全拉动任意行,所以它们中的某些东西也不正确.它不会从其他地方拉出任何东西.在下面的答案的评论中有几个pastebin链接.

我非常感谢对此的任何帮助.

感谢您抽出宝贵时间阅读.

我正在使用CodeIgniter并.htaccess重写URL,但我希望它忽略index.html.

这样我们就可以随时上传index.html,因为这将是一个临时登陆页面.通过链接到主站点上index.php.

这是当前的.htaccess,我已将服务器的目录索引设置为index.html index.php

RewriteEngine on

RewriteCond $1 !^(index\.html|index\.php|js|img|fonts|data|css|uploaded|mobile_devices|audioplayer|emails|robots\.txt|archive_blog)

RewriteRule ^(.*)$ /index.php/$1 [L]

谢谢你的帮助

我正在看一个应用程序的重大更新,该应用程序目前只是原始PHP/HTML/CSS的混搭.

我想使用CakePHP MVC作为后端,使用Zurb Foundation作为前端.虽然我似乎无法找到连接两者的方法.

我知道洛伦佐的回购,但不确定是否有另一种方式.似乎这个回购并没有被全部使用.它在几年内没有更新.当然有人一起使用CakePHP和基金会？

所以现在我有一个简单的datalist下拉菜单，我想更改它的CSS，以便样式与网站上的其他字段匹配。但是我是一个网页设计的菜鸟，我有点困惑，以完成此过程。

请参阅：http : //jsfiddle.net/ryax5L29/20/

<input list="ServiceCity">
<datalist id="ServiceCity" name="ServiceCity"class = "atl_services">
            <option value "" disabled selected>Select City/County</option>
            .......other values
        </datalist>

这是我要使用的CSS

input{
    padding: 7px;
    outline: none;
    max-width: 100%;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    width: 88.5%;
    border: 1px solid GREY;
    box-shadow: 0px 0px 3px GREY;
    }

我也有CSS，imo内联CSS是最容易的，但是如果有人可以指导我，那将非常感谢！

我根本不熟悉JQuery,但我想知道是否可以在动作上更改具有相同id的所有元素.

$(document).ready(function() {
    document.getElementById("id_scheduled_time").disabled = true;
    document.getElementById("id_scheduled_day").disabled = true;
});

$('#id_schedule_type').on('change', function() {
    if ($("#id_schedule_type").prop('selectedIndex') == 0) {
        document.getElementById("id_scheduled_time").disabled = true;
        document.getElementById("id_scheduled_day").disabled = true;

    }
    else {
      document.getElementById("id_scheduled_time").disabled = false;
      document.getElementById("id_scheduled_day").disabled = false;
    };
});


$('#id_scheduled_period').on('change', function() {
    if ($("#id_scheduled_period").prop('selectedIndex') == 2) {
        $('#id_scheduled_minute').attr("placeholder","Insert number 1-15").val("");
    } else {
        $('#id_scheduled_minute').attr("placeholder","Insert number 1-45").val("");
    };
});

是的,这段代码看起来很糟糕,但它现在有效.对我来说问题是有多个选项卡和输入字段的选项卡都具有相同的ID(例如id_scheduled_time)

现在它在单个选项卡中工作得很好,但对其他id没有任何作用.这里的问题是:如何以相同的方式为选择索引更改所有元素