從asp.net mvc 3調用函數到釘子

我剛剛從http://www.garralab.com/nailthumb.php下載了nailthumb項目，但我無法從js的asp.net mvc 3中調用此函數。從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>

來源

2012-08-01 LeoJ

你能告訴我們你的標記？ – 2012-08-01 02:45:49

我已經添加了標記，它有幫助嗎？ – LeoJ 2012-08-01 02:51:03

當您爲其分配類時，您正在使用id選擇器（＃）。

這條線：

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

..assigns釘子拇指容器類。你需要在你的jQuery調用使用類選擇（）：

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

來源

2012-08-01 02:53:58

感謝它以某種方式解決我的問題，現在我有與js文件TypeError：$（「。nailthumb-container」）有關的另一個錯誤。nailthumb不是函數 – LeoJ 2012-08-01 02:59:23

您的標記在jquery之前添加了nailthumb。確保在加載插件之前加載jquery庫。 – 2012-08-01 03:02:26

非常感謝你！順序上的差異造成了差異，現在它完美地工作。：D – LeoJ 2012-08-01 03:06:45

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

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

應該$('.nailthumb-container').nailthumb({

來源

2012-08-01 02:55:44 Mohayemin

從asp.net mvc 3調用函數到釘子

回答

相關問題