Versi ringkas kemahiran pratonton foto telefon bimbit component_javascript

Sayang, saya menggunakan telefon bimbit Huawei 3C, dan mudah untuk menggunakan komponen siap pakai orang lain Untuk menyesuaikan diri dengan orang yang kalah seperti saya, saya permudahkan dan menulis versi kesan pratonton foto fungsi zum buat masa ini, saya boleh mencubanya lagi apabila saya mempunyai masa, anda juga boleh menambahnya sendiri, ini adalah projek sumber terbuka di github. Alamat githubnya ialah: https://github.com/tianxiangbing/mobile-photo-preview

Berikut ialah pratonton,

Contoh penggunaan:

var photoPreview = new MobilePhotoPreview();
    photoPreview.init({
      target: $('.preview-list'),
      trigger: '.preview',
      show: function(c) {
        var del = $('<span class="icon-del"><span>');
        $('.imgViewTop', c).append(del);
        del.tap(function() {
          photoPreview.current.remove();
          photoPreview.hide();
        });
      }
    });

atau:

$('.preview-list').MobilePhotoPreview({
      trigger: '.preview',
      show: function(c) {
        var del = $('<span class="icon-del"><span>');
        $('.imgViewTop', c).append(del);
        var _this = this;
        del.tap(function() {
          _this.current.remove();
          _this.hide();
        });
      }
    });
　　

Nota: Tiada perbezaan penting antara kedua-dua kaedah yang pertama disyorkan.

Sifat API, kaedah dan panggil balik:

sasaran:
Ini bermakna elemen dalam bekas ini akan mencetuskan acara Ia adalah julat dan digunakan bersama-sama dengan pencetus untuk mewakilkan nod acara, jadi ia adalah perlu. Adalah disyorkan untuk tidak mewakilkan nod akar.
pencetus:
Mewakili objek yang mencetuskan peristiwa Ia boleh menjadi dinamik Secara lalai, ia dicetuskan oleh pautan di bawah sasaran
rancangan:
Panggilan balik selepas paparan, parameter ialah bekas dialog, dan ini pada masa ini menunjuk kepada contoh MobilePhotoPreview. Ini ialah kaedah panggil balik untuk melanjutkan lebih banyak fungsi. Untuk menggunakan panggilan balik ini dengan lebih baik, anda mungkin berminat dengan sifat berikut
Sifat dan kaedah di bawah ini:
semasa:
Objek nod semasa
Indeks semasa:
Indeks semasa
objArr:
Objek tatasusunan, di sini, anda boleh mendapatkan koleksi, termasuk indeks, elemen, lebar dan ketinggian. Ini akan menjadi perkara yang sangat berguna.
sembunyikan:
Apa yang dipanggil ialah sorok.

dialog

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.