好吧,我想要做的是在用户点击列表项时向下滑动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)
你可以在这里看到一个工作示例(侧栏上的高级搜索)
谢谢.
简单的问题:
我试图将我的标记链接到谷歌地图(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) 我遇到了最新版本的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/