Question

是否可以使用jQuery更改src url中的某些值？

示例：

<img src="imgd.php?src=disco-ballin-corrected--05.jpg&quality=10&w=500&h=500&cf" style="width:100%;" class="image-optimised">

我有一个ajax调用，可以为我更新其他页面数据，但需要调整滑块的质量值

$('#slider').slider().on('slideStop', function(ev){
    var newVal = $('#slider').data('slider').getValue();
    if(originalVal != newVal) {
        $.ajax({
            url: "imgd.php?src=disco-ballin-corrected--05.jpg&quality="+newVal+"&json",
            dataType: "json"
        }).success(function(data){
            $('.image-details-quality').html(newVal);
            var sizeInMB = (JSON.stringify(data['size']) / (1024*1024)).toFixed(2);
            var sizeInKB = (JSON.stringify(data['size']) / 1024).toFixed(2);
            $('.image-details-size').html(sizeInMB + 'mb' + ' / ' + sizeInKB + 'kb');
            $('.image-details-dims').html(data['width'] + 'px' + ' x ' + data['height'] + 'px');
            $('.image-details-type').html(data['mimeType']);
            $('.image-optimised');
        });
    }
});

我希望使用图像优化的类，而不是在此ajax调用中更新HTML页面上的值。

Answer 1

# Automatically add new line to end of all files on save.
[*]
insert_final_newline = true

# 2 space indentation for SASS/CSS
[*.{scss,sass,css}]
indent_style = space
indent_size = 2

# Set all JS to tab => space*2
[js/**.js]
indent_style = space
indent_size = 2

只需更改src即可触发重载？

是否可以使用jQuery替换image src的URL中的属性？

1 个答案: