.click功能显示警报但不减小图像大小

时间:2014-02-26 16:48:12

标签: javascript jquery html css sharepoint

我正在使用jquery,其中我制作了一个测试功能,其中我设置了图像的大小,我在共享点列表中有200个图像,我设置限制一次显示100并调用该功能。第一次页面加载时显示我在我的函数中设置的小尺寸图像,在我使用.click事件后,我将代码放入文档.ready并调用其中的函数,它显示我想要的原始尺寸图像单击下一个按钮时,图像大小应设置为250px,当我单击下一个按钮时,它会向我显示.click事件中的警报以及该函数中的警报,但图像大小不会更改。所以任何人都告诉我我的代码中的错误在哪里......这是我的代码。

<WebPartPages:ScriptEditorWebPart runat="server" Content="&lt;script   language=&quot;javascript&quot;type=&quot;
    text/javascript&quot;  src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js&quot;&gt; 
    &lt;/script&gt; &lt;script language=&quot;javascript&quot;     type=&quot;text/javascript&quot;&gt;

function test(){
    alert(&quot; we are here ! &quot;);

     var images = $(&quot;.ms-cellstyle&quot;).children(&quot;img&quot;).map(function(){

     $(this).css(&quot;width&quot;, &quot;250px&quot;);
}).get();
}


$(&quot;pagingWPQ2prev a&quot;).click(function(){
    alert(&quot; On click run..!&quot;);
test();
});

$(&quot;#pagingWPQ2next a&quot;).click(function(){
    alert(&quot; On click run..!&quot;);
test();
});



$(document).ready(function() {
    test(); 


});







&lt;/script&gt;" ChromeType="None" Description="Allows authors to insert HTML snippets or   scripts." Title="Script Editor" ID="g_971cb0df_9e1f_42a5_bf88_5e3fe4d57119"   __MarkupType="vsattributemarkup" __WebPartId="{0795B887-2071-4083-AA7A-C164BF62540E}" WebPart="true"   __designer:IsClosed="false" partorder="4"></WebPartPages:ScriptEditorWebPart>

1 个答案:

答案 0 :(得分:0)

我自己完成了这个,但是仍存在兼容性问题,它只在FireFox中工作。可以任何人说出原因???  我已经使用了这段代码,在上面的代码中它开始工作....

$(document).ready(function() {
test(); 
});


$(&quot;#pagingWPQ2next a&quot;).live(&quot;click&quot;,function(){
  alert(&quot; Outside On click run..!!!&quot;);
  test();
  alert(&quot;outside On click run..2!!!&quot;);

});

$(&quot;#pagingWPQ2prev a&quot;).live(&quot;click&quot;,function(){
  alert(&quot; Outside On click run..!!!&quot;);
  test();
  alert(&quot;outside On click run..2!!!&quot;);

});