Php jQuery高度和宽度工作不正常

Php jQuery高度和宽度工作不正常,php,jquery,html,codeigniter,Php,Jquery,Html,Codeigniter,我有一个宽度大于高度的图像,它仍然使用jQuery中的第二个if语句输出。我相信这可能与PHP部门输出多个图像文件有关。因此,我将id选择器更改为类选择器,但它不想改变。有人知道我做错了什么吗?我在这个问题上已经触底了 <?php $userid = $this->session->userdata('userid'); $selectedId = $_REQUEST['id']; $query1 = $this->db->que

我有一个宽度大于高度的图像,它仍然使用jQuery中的第二个if语句输出。我相信这可能与PHP部门输出多个图像文件有关。因此,我将id选择器更改为类选择器,但它不想改变。有人知道我做错了什么吗?我在这个问题上已经触底了

<?php $userid = $this->session->userdata('userid');
      $selectedId = $_REQUEST['id'];      
      $query1 = $this->db->query("SELECT * FROM userProfilePhotos p, userProfileAlbums a WHERE p.isAlbumCover = 'Yes' AND p.userid = a.userid AND a.userid = '{$selectedId}' AND a.albumId = p.albumId");
        foreach($query1->result() as $row1) {?>

    <script type="text/javascript">
    $(document).ready(function() {
    function heightOverWidth() {
        return '<div style="width: 102px; height: 136px; border-radius: 3pt; background-color: white; border: 1px solid #C1C1C1; padding: 10pt">'+
               '<img id="profileImg" alt="" height="130" src="<?=base_url().$row1->imgURI?>" width="100" />'+
               '</div><span class="link-font3"><?=$row1->albumName?></span> <span class="font1"> - <?=$row1->albumDesc?></span>';
    }
    var img = $(".profileImg");
    if (img.width() >= img.height()) {
        alert("1");
    } if (img.height() >= img.width()) {
        $("#albumList").append(heightOverWidth());
    }
    });
    </script>

<?php list($width, $height, $type, $attr) = getimagesize(base_url() . $row1->imgURI); ?>
<div id="albumList" style="padding: 10pt">
<img class="profileImg" style="display: none" alt="" height="<?=$height?>" width="<?=$width?>" src="<?=base_url().$row1->imgURI?>" />
</div>

<?php } ?>

将width()更改为attr('width'),高度也一样。这将读取宽度/高度属性,而不是试图获取实际的宽度和高度。您的解决方案不能作为带有显示的元素使用:没有一个元素没有任何可见的维度。

将width()更改为attr('width'),并将其更改为高度。这将读取宽度/高度属性,而不是试图获取实际的宽度和高度。您的解决方案不能作为带有显示的元素使用:没有一个元素没有任何可见的维度。

因此,现在它正在执行以下操作:
alert(“1”)而不是:
$(“#相册列表”).append(heightOverWidth())对吗?它的作用正好相反。它正在追加但未发出警报您是否100%确定
img.width()>=img.height()
为真?是的,我已检查了图像的宽度和高度。在windows中,它的读数是669 x 502。因此,现在它正在执行以下操作:
alert(“1”)而不是:
$(“#相册列表”).append(heightOverWidth())对吗?它的作用正好相反。它正在追加但未发出警报您是否100%确定
img.width()>=img.height()
为真?是的,我已检查了图像的宽度和高度。在windows中,它的读数是669 x 502。接得好。我错过了显示:无,所以。。。像这样:if(img.attr('width')>=img.attr('height')){alert(“1”);}if(img.attr('height')>=img.attr('width')){$(“#albumList”).append(heightOverWidth());}我仍然在执行第二个if语句。但从好的方面来看,我今天学到了一些新的东西:)这可能与循环有关吗?很好。我错过了显示:无,所以。。。像这样:if(img.attr('width')>=img.attr('height')){alert(“1”);}if(img.attr('height')>=img.attr('width')){$(“#albumList”).append(heightOverWidth());}我仍然在执行第二个if语句。但从好的方面来看,我今天学到了一些新东西:)这可能与循环有关吗?