Покажите и скройте отделения в определенном временном интервале с помощью jQuery
Чтобы диагностировать проблему, я запустил opendiff из Терминала. Я получил следующую ошибку:
xcode-select: error: инструмент 'opendiff' требует Xcode, но активный каталог разработчика '/ Library / Developer / CommandLineTools' является экземпляром инструментов командной строки
Решить:
- Открыть Xcode> Предпочтения> Местоположения
- Щелкните раскрывающийся список рядом с Инструменты командной строки и выберите текущую версию Xcode. (Это было пусто для меня, потому что я недавно установил XCode на новый Mac.)
- Выполнить
opendiffв терминале снова, и вышеупомянутая ошибка больше не должна появляться.
Теперь FileMerge будет правильно открываться из SourceTree при нажатии Запустить инструмент внешнего слияния .
4 ответа
Рабочий пример здесь - добавьте / edit к URL-адресу для игры с кодом
Вам просто нужно использовать JavaScript setInterval function
$ ('html'). AddClass ('js'); $ (function () {var timer = setInterval (showDiv, 5000); var counter = 0; function showDiv () {if (counter == 0) {counter ++; return;} $ ('div', '#container') .stop () .hide () .filter (function () {return this.id.match ('div' + counter);}) .show ('fast'); counter == 3? counter = 0: counter ++; }}); Sandbox Пример использования setInterval для запуска отображения Div
Первый div отобразится через 10 секунд ...
div1 div2 div3
РЕДАКТИРОВАТЬ:
В ответ на ваш комментарий о контейнере div, просто измените этот
$('div','#container')
на этот
$('#div1, #div2, #div3')
Перебирать div каждые 10 секунд.
$(function () {
var counter = 0,
divs = $('#div1, #div2, #div3');
function showDiv () {
divs.hide() // hide all divs
.filter(function (index) { return index == counter % 3; }) // figure out correct div to show
.show('fast'); // and show it
counter++;
}; // function to loop through divs and show correct div
showDiv(); // show first div
setInterval(function () {
showDiv(); // show next div
}, 10 * 1000); // do this every 10 seconds
});
Вот плагин jQuery, который я придумал:
$.fn.cycle = function(timeout){
var $all_elem = $(this)
show_cycle_elem = function(index){
if(index == $all_elem.length) return; //you can make it start-over, if you want
$all_elem.hide().eq(index).fadeIn()
setTimeout(function(){show_cycle_elem(++index)}, timeout);
}
show_cycle_elem(0);
}
У вас должно быть общее имя класса для всех div, которые вы хотите циклически перебирать, используйте его так:
$("div.cycleme").cycle(5000)
См. InnerFade .
<script type="text/javascript">
$(document).ready(
function() {
$('#portfolio').innerfade({
speed: 'slow',
timeout: 10000,
type: 'sequence',
containerheight: '220px'
});
});
</script>
<ul id="portfolio">
<li>
<a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html">
<img src="images/ggbg.gif" alt="Good Guy bad Guy" />
</a>
</li>
<li>
<a href="http://medienfreunde.com/deutsch/referenzen/kreation/whizzkids.html">
<img src="images/whizzkids.gif" alt="Whizzkids" />
</a>
</li>
<li>
<a href="http://medienfreunde.com/deutsch/referenzen/printdesign/koenigin_mutter.html">
<img src="images/km.jpg" alt="Königin Mutter" />
</a>
</li>
<li>
<a href="http://medienfreunde.com/deutsch/referenzen/webdesign/rt_reprotechnik_-_hybride_archivierung.html">
<img src="images/rt_arch.jpg" alt="RT Hybride Archivierung" />
</a>
</li>
<li>
<a href="http://medienfreunde.com/deutsch/referenzen/kommunikation/tuev_sued_gruppe.html">
<img src="images/tuev.jpg" alt="TÜV SÜD Gruppe" />
</a>
</li>
</ul>