1

ページ上の要素がクリックされるとsrc、モーダル ウィンドウ内の要素を変更しようとする jQuery スクリプトがあります。クリックimgされた の を取得し、それsrcをモーダル ポップアップ ウィンドウ内の要素にコピーしようとします。imgsrc

alert(source);スクリプトが機能しているかどうかを確認するためだけに、スクリプト内にテストを入れました。予想どおり、これはユーザーに正しい警告を発しますsrc。残念ながら、srcChrome ブラウザの「Elements」ビューによると、後で要素に が付与されません。

タグsrc内の要素にを与えようとしています。<modal>

<div id="screenings">
    <?php

           ...
        //database connection
           ...

        while ($row = mysqli_fetch_array($result)){
        echo "<div class='img_div'>";
        echo "<img id='unique' class='modal_img img_screenings' ng-click=\"vm.openModal('custom-modal-1')\" src='images/".$row['image']."' >";
        ...
            echo "</div>";
        }
    ?>

</div>

<modal id="custom-modal-1">
    <div class="modal">
        <div class="modal-body">
                <img id="popup_img" src="#">
        </div>
    </div>
    <div class="modal-background"></div>
</modal>

<script>
    $(".img_div").on("click", function() {
        var source = $(this).find('img').attr('src');
        alert(source);
        $('#popup_img').prop('src', this.src);
    });
</script>

<modal>要素を変更している他のコードが別の場所にあることも注目に値します。</body>Angular ディレクティブ ファイルに含まれる次のコードは、モーダルを取得してタグの末尾に配置します。

   function Directive(ModalService) {

        ...

                // move element to bottom of page (just before </body>) so it can be displayed above everything else
                element.appendTo('body');

        ...

            });

を受け取っていないモーダル内の要素に影響を与えることができsrcますか?

4

1 に答える 1

2 
$(".img_div").on("click", function() {
    var source = $(this).find('img').attr('src');     
    $('#popup_img').attr('src', source);
});
于 2017-05-14T22:29:51.850 に答える