Tag: switch statement

按箭头键时更改图像: 我一直只使用JavaScript和编程，大约一个月了，遇到了一个我无法找到解决方案的问题。我在这里。我已经创建了一个画廊，您可以在其中单击小图像以在新的“窗口”中放大它们（它只是放置在页面其余部分的顶部）以便更好地查看图片。这是棘手的部分。我希望能够在按下箭头键时更改图像。例如，如果我按下键盘上的右箭头键，我希望旧图片隐藏，第二张图像一行淡入。这是按箭头键时的代码： function onKeyPress(e) { if (e.keyCode == 37) { lastImage.hide(); indexNum–; $(“#zoomImage img”).attr(‘src’, picSrc[indexNum]).fadeIn(); } if (e.keyCode == 39) { lastImage.hide(); indexNum++; $(“#zoomImage img”).attr(‘src’, picSrc[indexNum]).fadeIn(); } } 这是变量的代码： lastImage = $(#zoomImage img”); //The last picture shown) var picSrc = [“img1.png”, “img2.png”, “img3.png”];

使用单选按钮（jQuery）禁用/启用文本字段: 感谢过去的帮助。我再次问你。我想要2个单选按钮，这将改变文本输入的状态（启用/禁用）。我设法让它从禁用到启用，但问题是，当你在单选按钮之间切换时，文本字段仍然是启用的。我不希望这样。 HTML是小提琴 $(document).ready( function(){ $(‘#casodhoda,#casodhoda1’).prop(‘disabled’,true); $(‘input[type=radio][name=radioknof1]’).click( function(){ $(‘#casodhoda,#casodhoda1’).prop(‘disabled’,true).val(”); $(this).next(‘span’).children(‘wpcf7-form-control-wrap casodhoda’).prop(‘disabled’,false).triggerHandler(‘focus’); }); }); 编辑，修改了一点代码，并且无论如何都无法进入工作解决方案..我希望在加载时禁用输入字段，当用户点击无线电时，它应该启用两者并专注于第一个输入字段。 http://jsfiddle.net/wLFKD/3/就在这里。谢谢！

我的所有（jQuery UI）单个滑块都获得相同的值: 我希望当我滑动每一个滑块时，同一页面的每个滑块都有自己的值。当我滑动其中一个滑块时，每个滑块的“滑块”按计划作为条件背景颜色工作，但所有滑块的值都相同。这是我的JS代码： $(document).ready(function() { $(‘.slider’).slider({ value: 5, min: 1, max: 10, step: 1, slide: function( event, ui ) { $( “.ui-slider-handle” ).text(ui.value); switch(ui.value){ case 1: { $(this).css(‘background’, ‘darkred’); break;} case 2: { $(this).css(‘background’, ‘red’); break;} case 3: { $(this).css(‘background’, ‘orange’); break;} case 4: { $(this).css(‘background’, ‘gold’); break;} case 5: { $(this).css(‘background’, ‘yellow’); break;} case […]

jQuery淡入’慢’立刻出现: 我试图这样做，以便当你点击一个链接时，它删除一个div（带有一些段落和文本）并插入另一个div（带有一些段落和一些文本）。我正在使用jQuery淡入淡出。当您单击链接时，原始div的淡出工作，然后我有一个开关案例来确定什么被淡入。然而，fadeIn，设置为’慢’，似乎立即发生。这是相关的代码片段（其余的只是其他情况）： $(document).ready(function() { $(‘.nav-link’).click(function() { var linkClicked = $(this).attr(“id”); $(‘.content’).fadeOut(‘fast’); switch(linkClicked) { case ‘home’: console.log(“linkClicked = “+linkClicked); $(‘#home-content’).fadeIn(‘slow’, function() { $(this).css(“display”, “inline”); $(this).css(“opacity”, 100); }); break; 编辑：因此，在将fadeTo更改为fadeOut并将fadeOut中的“slow”更改为“fast”之后，它运行良好并按照我想要的方式进行转换。然而，每当我点击“home”时，它会将div移动到“阻挡”位置（它将它吐到左下角），然后将自己推回到容器中心的正确位置。它只在我单击home并且没有其他sidenav链接时才这样做…这些链接都运行完全相同的代码（home只是交换机情况下的第一个）。有任何想法吗？

使用jQuery设置背景图像只会更改背景一次: 我正在尝试根据变量的值设置一个元素的background-image属性。它只是第一次工作。当我切换到准备状态时，背景图像停止变化。图像本身很小 – 大约8-10 kB。这是我的代码： if(status != ”) { console.log(‘status’); console.log(status); switch(status) { case ‘dev’: $(‘#status’).css(‘background-position’,’0px -160px’); break; case ‘ready’: $(‘#status’).css(‘background-position’,’0px -240px’); break; case ‘soon’: $(‘#status’).css(‘background-position’,’0px 0px’); break; case ‘design’: $(‘#status’).css(‘background-position’,’0px -80px’); break; } } 这里有元素的CSS： #status { z-index: 1; float: right; height: 80px; width: 80px; background: url(/images/front/status-sprite.png); background-position: 0px -160px; margin: […]

在javascript switch语句中使用OR运算符: 我在javascript中做一个switch语句： switch($tp_type){ case ‘ITP’: $(‘#indv_tp_id’).val(data); break; case ‘CRP’||’COO’||’FOU’: $(‘#jurd_tp_id’).val(data); break; } 但我认为如果我使用OR运算符它不起作用。我如何在javascript中正确执行此操作？如果我选择ITP，我会得到ITP。但如果我选择COO，FOU或CRP，我总是得到第一个CRP。请帮忙，谢谢！

jQuery Switch Case插件？: 我知道switch case语句是javascript固有的，你无法改变它。我还在学习javascript和jQuery，所以我可以顺便说一下，但是我不知道写一些可能在jQuery本身的东西。因此，将此作为一个想法或一个问题，如果这个想法是可行的。这是我的想法，一个可以使用对象的switch case语句……可以使用这样的东西： switch( $(this) ){ case .hasClass(‘foo’): // do something break; case .filter(‘.bar’).attr(‘id’) == ‘foo’: // do something else break; } 编辑：即使这样的事情也会很好（可能是一个更合理的想法）…… switch ($(this).hasClass()) { case ‘foo’: alert(‘found a foo!’); break; case ‘bar’: alert(‘found a bar!’); break; }

如何在jQuery / Javascript中编写switch语句来测试一个元素是否有特定的类？: 这是我正在使用的if-else语句的结构： $(‘.myclass a’).click(function() { if ($(this).hasClass(‘class1’)) { //do something } else if ($(this).hasClass(‘class2’)) { //do something } else if ($(this).hasClass(‘class3’)) { //do something } else if ($(this).hasClass(‘class4’)) { //do something } else { //do something } }); 已经有很多案例，我认为使用switch语句会更整洁。我如何在jQuery / javascript中执行此操作？

如何检测窗口大小然后使用jquery switch语句执行某些操作: 我想用jquery检查窗口大小，并根据我想要更改背景图像的不同分辨率。所以我想以某种方式使用“switch”语句来处理更多情况，但我只是不知道它会是什么样子。这是我想要的基本结构，但有更多选择： if ((screen.width>=1024) && (screen.height>=768)) { //do something } else { //do something else } 谢谢你的帮助。

在Jquery和List中切换语句: 我想知道我的方法是否有效和正确。我的代码不工作，我不知道为什么。 $(document).ready(function() { function HotelQuery(HotelName) { switch (HotelName) { case ‘TimelessHotel’: var strHotelName = ‘Timeless Hotel’; var strHotelDesc = ‘Hotel Description Timeless Hotel’; var strHotelPrice = [‘980.00’, ‘1,300.00’, ‘1,600.00’, ‘1,500.00’, ‘1,800.00’, ‘300.00’, ‘150.00’, ‘200.00’]; var strHotelRoomType = [‘Single Room’, ‘Delux Room’,’Twin Room’, ‘Matrimonial Room’, ‘Presidential Suites’, ‘Extra Bed’, ‘Free Breakfast’, ‘Extra Person’]; ; //end […]