我创建了一个视差滚动,它似乎在firefox中正常工作,但是在Chrome浏览器中滚动时,正文文本略有跳跃.点击这里滚动到关于部分.我不确定这是一个css还是JS问题..下面是我已经整合到我的视差函数中的一个片段
有谁知道我是如何解决这个问题的？
$(document).ready(function(){
// Cache the Window object
$window = $(window);
// Cache the Y offset and the speed of each sprite
$('[data-type]').each(function() {
$(this).data('offsetY', parseInt($(this).attr('data-offsetY')));
$(this).data('Xposition', $(this).attr('data-Xposition'));
$(this).data('speed', $(this).attr('data-speed'));
});
// For each element that has a data-type attribute
$('[data-type="background"]').each(function(){
// Store some variables based on where we are
var $self = $(this),
offsetCoords = $self.offset(),
topOffset = offsetCoords.top;
// When the window is scrolled...
$(window).scroll(function() {
// If this section is in view
if ( ($window.scrollTop() …我目前已经在我的应用程序上设置了日期格式。
html
<span ng-bind="convertToDate(myDate) | date: 'medium'" id="dtText"></span>
角
$scope.myDate = new Date();
$scope.convertToDate = function (stringDate) {
var dateOut = new Date(stringDate);
dateOut.setDate(dateOut.getDate());
return dateOut;
};
我有这个功能，但是它显示了我想删除的时间。只是想知道我需要在我的函数中添加什么以防止时间显示？
我创建了一个克隆函数来克隆一系列元素.我设法让克隆功能的基础工作正常.点击这里 我在此功能中有一个错误.当用户在输入字段中键入文本时,它会克隆最后输入的文本并更改所有克隆项目的文本值.
$('.add-item').on('click', function() {
var value = $('input').val();
if ($('#items-field').val()) {
$('.list-items p').text(value)
$('.list-items:first').clone().appendTo("#items").addClass('isVisible');
$('input').val('');
event.preventDefault();
}
})
有谁知道如何解决这个问题？
我目前遇到了getElementsByClassName属性的问题.我有一个显示和隐藏功能,当你将鼠标悬停在产品上时显示一个按钮点击这里我已经使用getElementById属性启用了这个功能,但是由于我想要使用类重复这个功能是更好的做法.下面的代码是否使用ClassName JS函数解决此问题的正确方法？
另外我一直在阅读IE8中不支持getElementsByClassName这是真的,有没有办法解决这个问题？
<script>
function show(viewProductBtn){
document.getElementByClassName(viewProductBtn).style.visibility = "visible";
}
function hide(viewProductBtn) {
document.getElementByClassName(viewProductBtn).style.visibility = "hidden";
}
</script>
<!--HTML-->
<div class="product-shot-bg" onMouseOver="show('viewProductBtn')" onMouseOut="hide('viewProductBtn')">
<a href="#" class="viewProductBtn"></a>
目前我已将我的开发站点切换回getByID以演示过渡应该如何工作..
我的鼠标悬停功能在我的图像上有轻微问题.当您将鼠标悬停在一个图像上时,会导致悬停状态与所有图像一起处于活动状态.[点击这里] [1]有谁知道我哪里出错了？
// JavaScript的
$(".tint").hover(function(){
$('.hover-hide').toggleClass('hidden');
});
// HTML
<figure class="tint">
<div class="hover-content hover-hide hidden">
<a class="roll-over" href="#"><img class="img_hover" src="img/home-hover-bg.png" alt="hover"/></a>
</div>
</figure>
我正在尝试为我的联系表单创建一个简单的验证功能.
点击此处此刻,一旦提交了详细信息,display:none即使条目不正确,表格也会保留.我试图瞄准id似乎没有工作的形式.
下面是我的功能片段
var form = $('#ajax-contact');
var formMessages = $('#form-messages');
form.validate();
$(form).submit(function(e) {
if ($('#ajax-contact').valid()) {
$('#ajax-contact').validate({
rules: {
name: {
rangelength: [2, 40],
},
email: {
rangelength: [2, 40],
email: true,
required: true
},
errorClass: "error",
highlight: function (input) {
$(input).closet('.required').removeClass('has-success').addClass('has-error');
}
}
})
} else {
$("#ajax-contact").css({'display:block'});
console.log('not working');
}
})