小编Dal*_*ale的帖子

onClick不在手机上工作(触摸)

好吧,我想要做的是在用户点击列表项时向下滑动div.

问题是我使用的是Selectric https://github.com/lcdsantos/jQuery-Selectric,它将Select框转换为无序列表.因此,当用户单击源输出作为列表项时,我希望div向下滑动.

在移动版Safari(iOS7)中,选择框UI与标准选择框UI相同.

关于onClick移动设备的最佳做法是什么?

基本jquery:

$(window).load(function() {
        $('.List li').click(function() {
            $('.Div').slideDown('500');
        });
    });
Run Code Online (Sandbox Code Playgroud)

你可以在这里看到一个工作示例(侧栏上的高级搜索)

谢谢.

javascript safari mobile jquery onclick

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

将标记链接到网址Google地图

简单的问题:

我试图将我的标记链接到谷歌地图(API v3)上的外部网址.现在可以直接使用http://www.google.com作为链接.

使用Javascript:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
    function initialize() {
        var myLatlng = new google.maps.LatLng(-30.021664, 30.901578);
      var mapOptions = {
        zoom: 15,
        center: myLatlng,
        scrollwheel: false,
        disableDefaultUI: true
      }
    var map = new google.maps.Map(document.getElementById('ContactMap'), mapOptions);
    var image = '/Assets/Images/Icons/MapMarker.png';

      var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          animation: google.maps.Animation.DROP,
          icon: image,
          title: 'Perspex'
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>
Run Code Online (Sandbox Code Playgroud)

javascript api google-maps google-maps-api-3

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

高度不会调整LayerSlider 5的大小

我遇到了最新版本的LayerSlider问题.我已经使用了全宽响应演示中的所有内容并阅读了所有选项,但是当我调整浏览器大小时,高度不会更新.为了使图像更清晰,图像本身会缩放,但容器的高度保持不变.在文档中,它说你必须给容器一个高度.

我的代码如下:

HTML:

<div id="LayerSlider" class="Slider">
    <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
        <img src="/Assets/Images/Layerslider/Banner1.jpg" class="ls-bg" alt="Slide background"/>
    </div>
    <div class="ls-slide" data-ls="transition2d:1;timeshift:-1000;">
        <img src="/Assets/Images/Layerslider/Banner2.jpg" class="ls-bg" alt="Slide background"/>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$(document).ready(function () {
    $('#LayerSlider').layerSlider({
        responsive: false,
        layersContainer : 1178,
        responsiveUnder : 1500
    });
});
Run Code Online (Sandbox Code Playgroud)

在文档中说你必须使用responsive:false如果你想使用responsiveUnder使它在指定的宽度下响应.

链接到LayerSlider http://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin/

javascript mobile jquery plugins jquery-plugins

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