2017-04-13 6 views
0

Ich habe eine Hauptansicht und darin habe ich eine Teilansicht. In meiner Teilansicht habe ich eine Tabelle, die einige Ergebnisse einer durchgeführten Suche zeigt. Was ich möchte, ist, dass wenn ich auf die Zeile klicke, sollte es die Daten in dieser Zeile warnen. aber das passiert nicht.Javascript/jquery funktioniert nicht in der Teilansicht.

Ich versuchte fast alles im Internet, konnte aber nichts finden.

Teilansicht:

@model List 
<string> 
<table class="table table-striped" id="tblGrid"> 
    <thead id="tblHead"> 
     <tr> 
     <th>Name</th> 
     <th>Email</th> 
     </tr> 
    </thead> 
    <tbody> 
     @for (int item = 0; item < Model.Count; item = item + 2) 
     { 
     <tr> 
     <td style="width: 300px"> 
      @Model[item].ToString() 
     </td> 
     @{ int temp = item; 
     item = item + 1; 
     } 
     <td style="width: 100px"> 
      @Model[item].ToString() 
     </td> 
     @{ 
     item = temp; 
     } 
     </tr> 
     } 
    </tbody> 
</table> 

Daten werden nur gut bevölkert, aber das Javascript wird nicht aufgerufen.

Haupt:

<head> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $("#tblGrid tr").live(function() { 
     $(this).addClass('selected').siblings().removeClass('selected'); 
     var value = $(this).find('td:first').html(); 
     alert(value); 
     });    
     }); 
    </script> 
</head> 
<body> 
    <input id="searchAttr" name="searchAttr" /> 
    <button href="#myModal" id="openBtn" data-toggle="modal" class="btn btn-default">Search</button> 
    <div id="searchresults"> 
    </div> 
</body> 

Jede vorgesehene Hilfe wird sehr geschätzt.

+0

Sie Fehler in der Konsole des Browsers erhalten Sie? Verwenden Sie eine ausreichend alte Version von jQuery, die '.live()' noch unterstützt? – nnnnnn

+0

Versuchen Sie, Ihre '' vor dem schließenden '' Tag zu platzieren. Stellen Sie auch sicher, dass Sie jQuery vor Ihrem '

0

Wollen Sie jQuery verwenden, ohne es Ihre Ansicht zu verbinden?

zu Anfang Fügen von Ihrer Haupt diese

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
+0

Hallo, danke, aber es hat nicht funktioniert –

+0

Hat Teilansicht Unterstützung Javascript ??? –

Verwandte Themen