鼠标hover时图像透明度级别淡化,单击时保持100%

我正在使用div中的一堆图像,当页面加载时,所有缩略图都是不透明度的30%。 一旦你用鼠标滑过拇指,它就会逐渐衰减至100%,如果你用鼠标移动缩略图,它会在30%的不透明度上消失。 这个位有效。 现在,当用户点击缩略图时,它必须保持100%不透明度。 用户点击另一个缩略图后,“旧”缩略图必须逐渐淡出30%,而“新”缩略图必须保持100%。 这个位是问题,当我点击一个新图像时,旧图像不会恢复到30%但保持100% 代码信用:PatrikAkerstrand 有人可以帮忙吗? 代码如下: $(window).bind(“load”, function() { var activeOpacity = 1.0, inactiveOpacity = 0.3, fadeTime = 350, clickedClass = “selected”, thumbs = “#boardDirectorsImage img”; $(thumbs).fadeTo(1, inactiveOpacity); $(thumbs).hover( function(){ $(this).fadeTo(fadeTime, activeOpacity); }, function(){ // Only fade out if the user hasn’t clicked the thumb if(!$(this).hasClass(clickedClass)) { $(this).fadeTo(fadeTime, inactiveOpacity); } }); $(thumbs).click(function() […]

WordPress jQuery脚本没有在jQuery.noConflict用法的一个实例上启动

我有Wordpress 2实例:本地和远程(远程应该非常相似,主要是从本地上传,除了几个插件)。 代码使用的是jQuery.noConflict方法,因为没有它,在添加大量插件后它无法在本地工作。 现在,当它上传到远程Wordpress时,它仍然没有从那里开始,但它在本地工作:)。 JS方法刚刚开始。 确保文件附加了HTML文件的HEAD部分中的正确路径。 控制台中没有显示错误。 预期的行为是:JS警报应该出现,但不是。 JS代码在这里: var jQueryAlias = jQuery.noConflict(); function customizeWebUIForEmailSubscriberPlugin() { alert(“customizeWebUIForEmailSubscriberPlugin”); //format input button jQueryAlias(‘#elp_txt_email’).removeClass(‘elp_textbox_class’).addClass(‘form-control’).addClass(‘full-width’); //format input button jQueryAlias(‘#elp_txt_email’).removeClass(‘elp_textbox_class’).addClass(‘form-control’).addClass(‘full-width’); //format message text //jQuery(‘.elp_msg’).removeClass(‘elp_msg’).addClass(‘post-body’); jQueryAlias(‘#elp_msg’).addClass(‘message-format’); //hide submit button jQueryAlias(‘#elp_txt_button’).addClass(‘hide’); //hide email label jQueryAlias(‘.elp_lablebox’).addClass(‘hide’); } jQueryAlias(customizeWebUIForEmailSubscriberPlugin);

文本框值是自动附加的,并使用jquery在下拉列表中替换

嗨朋友,如果基于下面的代码创建了4个文本框,那么当文本框焦点出来然后该文本框值附加在下拉列表中它工作正常但是当用户可以更改文本框值时我需要将旧文本框值替换为新值我怎么能这样做,请帮助我的朋友 我的文本框创建和下拉列表创建 <% for (int i = 0; i <% for (int i = 0; i 我的jquery $(‘.GroupName’).focusout(function () { var data = $(this).val(); var get = $(this).attr(‘id’); $(‘GroupSelect option’)[parseInt(get + 1)].text = data; });

Chrome动画的超时问题

我在jQuery中用autplay编写了一个简单的Slider。 如果启用了自动播放,则设置指向函数的setTimeout。 然后,此函数对其自身具有递归setTimeout。 一切正常,除了Chrome。 在我更换了标签后,等待一段时间然后返回,滑块就吓坏了。 看起来有多个超时活动实例……但是由于我将超时指定给同一个变量,所以情况并非如此。 一些相关代码: var timer; function autoplay() { currentPosition++; if(currentPosition == numberOfSlides) { // last slide currentPosition = 0; } manageNavigation(currentPosition); // Hide / show controls manageControls(currentPosition); // animate the slides slideshowAnimate(); // set timer if(autoplay_enable) { //clearTimeout(timer); timer = setTimeout(function() { autoplay() }, interval*1000) } } function setTimer() { if(autoplay_enable) […]

如果打开Thickbox,则设置body noscroll

我的JS / jQuery知识非常基础,所以我在这里要求一些帮助。 我正试图通过Thickbox实现Pinterest效果。 我假设应该使用JS或jQuery来监视Thickbox操作(如果#TB_window存在与否)并应用以下规则: 如果打开Thickbox – >将body样式设置为overflow:hidden Else Thickbox关闭 – >将body样式设置为overflow:auto 我正在使用集成到WordPress Thickbox中的函数 – add_thickbox(); 如果它有任何区别。

为什么jquery不使用wordpress入队?

我只是改变了我在这个方法的主题中排队jquery的方式: function my_init() { if (!is_admin()) { // comment out the next two lines to load the local copy of jQuery wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, ‘https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’, false, ‘1.7.2’); wp_enqueue_script(‘jquery’); } } add_action(‘wp_enqueue_scripts’, ‘my_init’); 对此: function my_scripts_method() { wp_enqueue_script(‘jquery’); } add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’); function my_admin_scripts_method() { wp_enqueue_script(‘jquery’); } add_action(‘admin_enqueue_scripts’, ‘my_admin_scripts_method’); 旧版本使用1.7.2,wordpress’内置版本为1.7.1。 我试过将1.7.1的地址复制并粘贴到第一个版本中,它就是一样的。 该链接存在于1.7.1版本的源代码中,但jquery不起作用。 什么可能导致这个? url:www.brainbuzzmedia.com/themes/vertex/

选择子元素而不是后代

我怎样才能选择tbody的孩子而不是他们的后代? 例如,使用以下jQuery语句: alert( $( ‘.someClass tbody tr’ ).length ); 使用下面的示例html将产生2的长度: cell 1-1 cell 1-2 cell 1-3 cell 2-1 cell 2-2 cell 2-3

如何在Jquery中使用循环将表多次添加到div中

我想多次将表格(基于下拉列表选择值)添加到div标签中。 我使用下面的代码,它只显示一个表行。 任何人都可以指导我实施这种情况吗? 1 2 3 4 5 1 2 3 4 5 1 2 3 4 A $(“#ddl”).change(function () { var count = parseInt($(this).val()); for (var i = 0; i <count; i++) { $('#dynamicgroup').append($('#dis')); }

html5 canvas filltext与sketch.js一起消失

我的HTML5 canvas元素有问题。 我使用sketch.js,以便客户端可以在网页中制作图纸。 客户要求之一是他可以添加带有数字的“邮票”。 所以我对JS进行了一些修改以使其成为可能。 它有效,可以添加邮票。 但是当用户切换回钢笔工具并再次开始绘图时,数字会消失。 我使用fillText()添加标记 $.sketch.tools.text = { onEvent: function(e) { switch (e.type) { case ‘mousedown’: case ‘touchstart’: this.context.font=”16px Verdana”; this.context.fillText(this.stamp, e.pageX – this.canvas.offset().left, e.pageY – this.canvas.offset().top); break; } return true; }, draw: function(action) { return true; } }; 在这里查看演示: http : //jsfiddle.net/brixion/m5dpwvx5/2/ 希望有人可以帮助我

如何使用JQuery Sortable从数据库中获取数据并将数据发回

我正在尝试创建一个菜单,允许用户将列表项重新排序为新订单。 列表数据从数据库中提取。 我为我的菜单编写了jQuery可排序function,但是,在用户重新排序列表之后,我很难将新订单中的数据保存回模型。 这是我的可排序代码,它除了包含var objmodel的行外都有效。 创建此变量时,它会设法从数据库中获取空对象,并使用新的shuffle函数值填充空对象(检查指向图像的链接)。 我需要它做的是抓取用户点击的对象然后用新订单填充该对象。 我确实在控制器中使用了我的方法的断点,我注意到它从数据库中获取数据但是将字段分配给null,这会产生NullReferenceException错误。 该方法的屏幕截图如下: 数据示例: 曲奇饼 cookies 巧克力 并在用户重新订购后: 巧克力 cookies cookies 我一直在努力解决这个问题,如果有人可以提供帮助,我会解决这个问题吗? $(document).ready(function () { $(‘#MenuItem tbody’).sortable({ axis: ‘y’, update: function (event, ui) { alert(ui.item.context.id); var order = 1; var model = []; // var sortedIDs = $(“#MenuItem tbody”).sortable(“serialize”); //alert(sortedIDs); //alert(objModel); //$.getJSON(‘ProductsList’, { ID: objModel }, function (result) { […]