0

http://www.garralab.com/nailthumb.phpからnailthumbプロジェクトをダウンロードしましたが、jsのasp.netmvc3からこの関数を呼び出すことはできません。

例の関数は次のように呼び出されます。

 <script type="text/javascript">
   jQuery(document).ready(function() {
   jQuery('.nailthumb-container').nailthumb({
   width:100,height:100,method:'resize',fitDirection:'top left'});
   });
</script>

私はもう試した：

<script type="text/javascript">
    $(document).ready(function () {
    $('#nailthumb-container').nailthumb({
       width: '100',
       height: '100' 
       });

   });
</script>

jsファイルは読み込まれますが、この関数を呼び出す方法がわかりません。何か案は？

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="../../Scripts/jquery.nailthumb.1.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.nailthumb.1.1.css" type="text/css"></script>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
<style type="text/css" media="screen">
    .square-thumb {
        width: 150px;
        height: 150px;
    }
</style>

<div class="nailthumb-container square-thumb">
 <img alt='' src='@Url.Action("Show", "ConsultorioImagenes", new { id = Model.ID})' />
</div>
4

2 に答える 2

0

クラスを割り当てるときは、IDセレクター（＃）を使用しています。

この行：

<div class="nailthumb-container square-thumb">

..nail-thumb-containerクラスを割り当てます。jQuery呼び出しでクラスセレクター（。）を使用する必要があります。

<script type="text/javascript">
    $(document).ready(function () {
        $('.nailthumb-container').nailthumb({
           width: '100',
           height: '100' 
         });
   });
</script>
于 2012-08-01T02:53:58.327 に答える
0

あなたが持っている<div class="nailthumb-container square-thumb">

と$('#nailthumb-container').nailthumb({

そのはず$('.nailthumb-container').nailthumb({

于 2012-08-01T02:55:44.600 に答える