2017-01-31 2 views
0

Ich habe folgende Ansicht Seiten Code in cshtmlnicht in der Lage Javascript innerhalb der razer zu verwenden

<div class="item-grid"> 

       @foreach (var product in Model.Products) 
       { 
        var itemboxid = "item-box_" + @product.Id; 

         <div class="item-box" style="display:none;" id="@itemboxid"> 

         @Html.Partial("_ProductBox_Category", product) 

         </div> 

       } 

      </div> 

von defalt der Inhalt hidden.i versuche, den Inhalt mit folgenden Javascript sichtbar machen

$(document).ready(function() { 

     $("#search-box-button").click(function() { 

      var city = $('#city').val(); 

      var serchterm = $('#small-searchterms1').val(); 

      @foreach(var product in Model.Products) 
      { 


       @:if([email protected]) 
       { 

       var pro_id = "#item-box_" + product.Id; 

       @:$("@pro_id").show(); 



       } 


      } 

     }); 
}); 

#city ist der ID-Wert des Textfelds, in dem wir die Textdaten eingeben können aber dieser Code funktioniert nicht gut bitte helfen Sie mir, dieses Problem zu lösen

+1

Warum wollen Sie Rasierapparat Code in JavaScript schreiben? Warum können Sie nicht selbst JavaScript-Code schreiben? Was genau willst du hier erreichen? – Developer

+0

zuerst versuchte ich Javascript-Code selbst. Aber ich scheiterte, um zu erreichen, was ich brauchte. – rakshi

+1

Diese Syntax wird nie funktionieren, wenn Sie den JavaScript-Code aus der Sicht entfernen, um die js-Datei zu trennen (was Sie idealerweise tun sollten). Wenn Sie erklären könnten, was genau Sie erreichen möchten, kann wahrscheinlich jemand mit dem js-Code selbst helfen – Developer

Antwort

1

Normalerweise verwende ich <text>-Tags (und Ihre prod-ID am Ende fixiert - es sieht Sie Ihre js und rasiermesser Variablen gemischt wurden immer):

$(document).ready(function() { 

    $("#search-box-button").click(function() { 

    var city = $('#city').val(); 
    var serchterm = $('#small-searchterms1').val(); 

     @foreach(var product in Model.Products) { 

      <text> 
       if (city == '@product.city') { 
       var pro_id = "#[email protected]"; 

       $(pro_id).show(); 
       } 
      </text> 

     } 

    }); 
}); 
Verwandte Themen