JQuery не будет работать в ASPX

Question

Я пытаюсь использовать Cloudinary JQuery SDK на странице .aspx, используя следующий код:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/cloudinary/cloudinary_js/master/js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="https://rawgit.com/cloudinary/cloudinary_js/master/js/jquery.iframe-transport.js" type="text/javascript"></script>
<script src="https://rawgit.com/cloudinary/cloudinary_js/master/js/jquery.fileupload.js" type="text/javascript"></script>
<script src="https://rawgit.com/cloudinary/cloudinary_js/master/js/jquery.cloudinary.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        console.log("Ready!");
        $.cloudinary.config({
            cloud_name: 'MYCLOUD'
        })

        $('.cloudinary_fileupload').unsigned_cloudinary_upload('MYUNSIGNEDUPLOADPRESET', {
            cloud_name: 'MYCLOUD',
            tags: 'browser_uploads'
        }, {
            multiple: true
        })
        .bind('cloudinarydone', function(e, data) {
            // inspect data.result for return value with link to the uploaded image and more
            console.log('Upload result', data.result);
            // Create a thumbnail of the uploaded image, with 150px width
            var image = $.cloudinary.image(
                data.result.public_id, {
                    secure: true,
                    width: 150,
                    crop: 'scale'
                });
            $('.gallery').prepend(image);
        });
    });
</script>

И

        <asp:Panel runat="server" ID="JQuery">
        <input name="file" type="file" class="cloudinary-fileupload"/>
        </asp:Panel>

К сожалению, когда я выбираю изображение,ничего не происходит, и загрузка никогда не завершается.

Кто-нибудь может указать, что не так, возможно, мешает сценарию JQuery работать должным образом?

Answer 1

Проблема в том, что я использовал неправильное имя класса в своем HTML.

Следующее:

    <asp:Panel runat="server" ID="JQuery">
    <input name="file" type="file" class="cloudinary-fileupload"/>
    </asp:Panel>

Должно быть изменено на:

    <asp:Panel runat="server" ID="JQuery">
    <input name="file" type="file" class="cloudinary_fileupload"/>
    </asp:Panel>