Question

我在照片下面做了一个控制面板。一切正常，除了我无法将jquery中创建的按钮添加到div中。我正在使用insertAfter，因为它需要在fotorama_nav_wrap之后。我一直在玩追加，但我无法管理它。我想在这个div中有按钮：

这是jquery： // 1.手动初始化fotorama。 var $ fotoramaDiv = jQuery（'。fotorama_custom'）。fotorama（）;

// 2. Get the API object.
var fotorama = $fotoramaDiv.data('fotorama');


if (jQuery('.fotorama_custom__arr').length > 0) {
    jQuery('.fotorama_custom__arr').remove();
}

jQuery("<span class='fotorama_custom__arr--prev'>       <</span>").insertAfter(".fotorama__nav-wrap");
jQuery("<span class='fotorama_custom__arr--next'>></span").insertAfter(".fotorama__nav-wrap");
jQuery("<span class='fotorama_custom__buttonplay'>P</span>").insertAfter(".fotorama__nav-wrap");
jQuery("<span class='fotorama_custom__buttonstop'>S</span>").insertAfter(".fotorama__nav-wrap");
jQuery('.fotorama_custom__arr--prev').click(function () {
fotorama.show('<');
});
jQuery('.fotorama_custom__arr--next').click(function () {
    fotorama.show('>');
});
$(function () {
    var $fotorama = $('#start-n-stop'),
            fotorama = $fotorama.data('fotorama'),
            $thumbBorder = $('.fotorama__thumb-border', $fotorama),
            thumbBorderColor = $thumbBorder.css('border-color'),
            thumbBackground = $thumbBorder.css('background'),
            $start = $('#start'),
            $stop = $('#stop');
            etc.

更新了解决方案：它现在有效，我更改了insert.After追加，然后附加了div：

 $('.fotorama') // Initialize .fotorama() .each(function () { 
    $('.fotorama__nav', this).after( 
    $(this) .next('.fotorama-control') .
    show() ); }); $('.fotorama-control').append
    ("<span class='fotorama_custom__arr--prev'><</span>"); 
    jQuery('.fotorama_custom__arr--prev').click(function () { 
    fotorama.show('<');

Jquery在div中使用insertAfter包含几个spans

0 个答案: