asp.net mvc 3에서 nastthumb 호출 함수

Question

방금 ​​http://www.garralab.com/nailthumb.php에서 nailthumb 프로젝트를 다운로드했지만 js의 asp.net mvc 3에서이 함수를 호출 할 수 없습니다. 내가 해봤

<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> 

Answer 1

클래스를 할당 할 때 id 선택기 (#)를 사용하고 있습니다.

이 줄 :

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

는 못 엄지 손가락 컨테이너 클래스를 ..assigns. (.) 당신은 당신의 jQuery를 호출에서 클래스 선택기를 사용해야합니다

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

Answer 2

당신이 <div class="nailthumb-container square-thumb">

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

그것은 $('.nailthumb-container').nailthumb({