小编kin*_*ick的帖子

Google自动填充 - 输入以选择

我为Google表单的文本字段设置了Google自动填充功能,并且它运行良好.

但是,当显示建议列表,并且您使用箭头滚动并使用回车选择时,它会提交表单,但仍有待填写的框.如果您单击以选择建议它可以正常工作,但按下输入提交.

我该怎么控制呢?如何阻止输入提交表单,而是从自动填充中选择建议?

谢谢!{S}

autocomplete

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

Twitter Bootstrap网格未按预期工作

我正在使用基于Twitter的Bootstrap的高级Wordpress主题.这个主题叫做StrapPress.我刚刚开始使用网格并试图以一种非常基本的方式进行设置,但是网格以奇怪的方式运行.我想要的是一个由九列组成的主要内容部分,以及一个三边栏.在九列中,我希望能够拥有具有不同内容区域的嵌套列:在一个页面上,第一个部分将是整个九列,然后它下面的内容将被分成三个相等的部分.

以下代码设置正常,没有9列中的第一部分:

<div class="row-fluid"> <!-- MAIN FLUID CONTAINER -->
    <div class="span9 redBorder" id="content"> <!-- MAIN CONTENT -->

        <div class="span4 redBorder">
            <div class = "contentPlaceholder">
                BLOG
            </div>
        </div>

         <div class="span4 redBorder">
            <div class = "contentPlaceholder">
                RECIPE
            </div>
        </div>

         <div class="span4 redBorder">
            <div class = "contentPlaceholder">
                LISTING
            </div>
        </div>

    </div> <!-- END OF MAIN CONTENT -->

    <div class="span3 redBorder" id="sidebar" style="height: 450px;"> <!-- SIDEBAR -->
        SIDE
    </div> <!-- END SIDEBAR -->

</div> <!-- END OF MAIN FLUID CONTAINER -->
Run Code Online (Sandbox Code Playgroud)

'redBorder'只是在所有东西周围添加1px红色边框以帮助可视化. 这就是它在这一点上的样子.

但是,只要我添加下一部分,它就会影响其下方的内容.这是新代码:

 <div …
Run Code Online (Sandbox Code Playgroud)

css grid-layout twitter-bootstrap

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

Google Places API - place_changed侦听器无法正常工作

我正在尝试使用Google Places API中的自动填充功能.我有自动完成功能本身设置和工作,但我想添加一个监听器,以便我可以使用其他地方的PlacesResult信息.

为了测试功能,我试图通过调出一个警告框来证明监听器工作,并将place.name写入.这两件事都没有用,所以我认为听众的配置显然是错误的,但我无法弄清楚我是怎么写错的.

<!-- Load Places Library for Google Maps-->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false">
</script>

<!-- Autocomplete Script -->
<script type="text/javascript">
function initialize(){
    var input = document.getElementById('name');
    var autocomplete = new google.maps.places.Autocomplete(input);
}
google.maps.event.addDomListener(window, 'load', initialize);

google.maps.event.addListener(autocomplete, 'place_changed', function(){
    var place = autocomplete.getPlace();
    alert("This function is working!");
    document.getElementById("receiver").innerHTML=place.name;
});
</script>
Run Code Online (Sandbox Code Playgroud)

google-maps-api-3

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