Question

快速背景：我有一个应用程序可以从IP摄像头中提取JPG，每半秒刷新一次图像以创建视频源。

目标：我试图制作图片，以便在点击时，它会弹出更大的图片 - 最终会有不同的z索引，但稍后会有。

问题：当我将以下JS添加到我的ImageID时，单击时对我的图像完全没有影响。

$(function ()
{
    $('Image1').on('click', function ()
    {
        $(this).width(1000);
    });
});

休息：

<小时/> 这是我的HTML：

<div class="col-md-4">
      <asp:Image ID="Image1" runat="server" Height="100%" Width="100%" />
</div>

这是我的JS Refresh：

setInterval(function() {

    //Source for Warehouse 1
    var image1 = document.getElementById('Image1');
    image1.src = 'http://CAMERAIP/snap.jpg?rand=' + Math.random();

}, 500);

Answer 1

您正在使用jQuery语法，因此请确保您的页面上包含jQuery库（有关详细信息，请参阅here）。

~~此外，您需要更改~~

[...] $('Image1').on('click', function () [...]

到

[...] $('#Image1').on('click', function () [...]

~~您正在通过其ID选择元素，因此您必须使用＃[元素ID]的ID选择器。~~您可以阅读有关jQuery选择器的更多信息{{ 3}}。

修改

我刚刚注意到您正在尝试选择一个asp图像，而不是<img>标记。由于您的asp-Image是在服务器端生成的，因此生成的HTML的ID将不同，我建议的选择器将不起作用。

相反，请使用$("#<%=Image1.ClientID%>")
中所述的if (ContextCompat.checkSelfPermission(MainActivity.this, Manifest.permission.READ_PHONE_STATE) == PackageManager.PERMISSION_GRANTED) { executeService(); } else { if (ActivityCompat.shouldShowRequestPermissionRationale(MainActivity.this, Manifest.permission.READ_PHONE_STATE)) { Toast.makeText(MainActivity.this, "Permission REQUIRED to work properly", Toast.LENGTH_LONG).show(); } //REQUEST PERMISSION ActivityCompat.requestPermissions(MainActivity.this, new String[]{Manifest.permission.READ_PHONE_STATE}, REQUEST_READ_PHONE); }

在JS中扩展刷新图像

1 个答案: