JQuery селектор работает, но это не влияет на размер изображения

0

Я пытаюсь показать небольшое изображение ширины 250px с помощью jQuery. Я попытался установить ширину изображения, в jQuery я использую эту команду. вот мой код jQuery, даже после того, как этот образ команды поставляется с исходным размером, то есть600px и т.д. и т.д....

Этот тег html td показывает это значение, но не влияет на изображение.

Так может ли кто-нибудь сказать, как установить размер изображения так, чтобы когда-либо его первоначальный вес и высота, но его показывает с 250px?

<script language="javascript" type="text/javascript"      src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script> <script  language="javascript" type="text/javascript">
$(document).ready(function() {

 $("table td #n1WPQ4").css("width","250px")

 });
</script>

Мой HTML-код после применения выше сценария.

 <table class="ms-formtable" border="0" cellpadding="0" cellspacing="0" width="100%">
 <tbody>
 <tr>
<td nowrap="" valign="top" width="190px" class="ms-formlabel">
<nobr>Picture</nobr>
</td>

<td valign="top" class="ms-formbody" width="400px" id="n1WPQ4" style="width: 250px;">

 <img src="http://img.dashtees.com/mini-gloves/pakistan/pakistan.03.jpg" alt="">&nbsp;
</td>
</tr>
<tr>
<td nowrap="" valign="top" width="190px" class="ms-formlabel">
<nobr>Name</nobr>
</td>
<td valign="top" class="ms-formbody" width="400px" id="n2WPQ4">
<a onfocus="OnLink(this)" href="http://sharepoint/_layouts/15/listform.aspx?  PageType=4&amp;ListId={06ABE63D-FD6E-4EC6-A473-  CF648BE5B384}&amp;ID=2&amp;ContentTypeID=0x0100C0EFC789E8F94545923F62567A0C1A52"  onclick="EditLink2(this,7);return false;" target="_self">glove</a>&nbsp;</td></tr><tr><td nowrap=""  valign="top" width="190px" class="ms-formlabel"><nobr>Description</nobr></td><td valign="top"  class="ms-formbody" width="400px" id="n3WPQ4"><div dir="" class="ms-rtestate-field"></div>&nbsp;</td>  </tr><tr><td nowrap="" valign="top" width="190px" class="ms-formlabel"><nobr>Article</nobr></td><td valign="top" class="ms-formbody" width="400px" id="n4WPQ4">&nbsp;</td></tr></tbody></table>
  • 0
    <td ... width="400px" ... style="width: 250px;"> не помогает. CSS победит, но это сбивает с толку людей.
Теги:
jquery-selectors

2 ответа

0

td #n1WPQ4 будет выбирать дочерний элемент под td с идентификатором n1WPQ4.

Поскольку вы назначили id="n1WPQ4" на ваш td вам здесь не нужно место.

Кроме того, id уникален, поэтому вы можете изменить свой селектор на:

$("#n1WPQ4 img").css("width","250px")
Поделиться
  • 0
    я попробовал это, он не работает, сначала он показывал измененный элемент inspect теперь он не имеет никакого эффекта ...
  • 0
    Я делаю эту работу в списке SharePoint, в SharePoint Designer, когда я даю запрос на оповещение, он запускается, но когда я применяю размер изображения, он не работает, кто-нибудь может сказать, в чем будет проблема ???
0

Вы не выбираете изображение с помощью селектора, #n1WPQ4 является родительским идентификатором тега изображения. Вы должны использовать:

$("#n1WPQ4 img")

или

$("#n1WPQ4").find("img")
Поделиться
  • 0
    вы говорите использовать его следующим образом: $ ("# n1WPQ4"). find ("img"). css ("width", "250px")
  • 0
    я. или $("#n1WPQ4 img").css("width","250px")
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню