javascript - PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf die Miniaturansicht des Produkts ist das Klickereignis groß.

PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf Produkt-Miniaturansichten wird das Klickereignis groß sein,

Jetzt ist es realistisch, auf das erste Bild und die folgenden Bilder zu klicken Code zum Vergrößern des Bildes
lautet wie folgt
{foreach from=$goods_list item=goods}

<code>        <tr>
            <td style="width: 10%;font-size: 16px;border-bottom:1px solid #ccc;"><a name='fff' href='javascript:void(0);' onclick='picBig();'><img style="width:50px;height: 50px;" src="{$goods.original_img}"/></a></td></code>

<code>           <a href="javascript:void(0);" onclick="picClose();"> <img src="{$goods.original_img}" /></a>

        </div></code>

Antwortinhalt:

PHP-Array-Traversal-Problem, JS-Problem, hauptsächlich beim Klicken auf Produkt-Miniaturansichten wird das Klickereignis groß sein,

Jetzt ist es realistisch, auf das erste Bild und die folgenden Bilder zu klicken Code zum Vergrößern des Bildes
lautet wie folgt
{foreach from=$goods_list item=goods}

<code>        <tr>
            <td style="width: 10%;font-size: 16px;border-bottom:1px solid #ccc;"><a name='fff' href='javascript:void(0);' onclick='picBig();'><img style="width:50px;height: 50px;" src="{$goods.original_img}"/></a></td></code>

<code>           <a href="javascript:void(0);" onclick="picClose();"> <img src="{$goods.original_img}" /></a>

        </div></code>

Ersetzen Sie Ihren picBig Code

<code>function picBig() {
    var $ = document.querySelector.bind(document);
    var img = event.currentTarget.children[0]; // 获取当前点击的图片
    var url = img.getAttribute('src'); // 获取当前点击的图片地址
    // 获取大图 img 元素并设置要显示的图片地址
    $('#divCenter > a > img').setAttribute('src', url);
    // 显示预览框
    $('#divCenter').style['display'] = 'block';
}</code>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ich habe das Thinkphp-Formular-Token gemäß der offiziellen Thinkphp-Dokumentation erstellt. Wie soll ich seine Funktion testen?Nächster Artikel：Ich habe das Thinkphp-Formular-Token gemäß der offiziellen Thinkphp-Dokumentation erstellt. Wie soll ich seine Funktion testen?

In Verbindung stehende Artikel

Mehr sehen

• So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
• So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
• So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
• So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
• Alle Ausdruckssymbole in regulären Ausdrücken (Zusammenfassung)