When using the <a> tag in an ASP.NET MVC view, the hyperlink may be missing

When utilizing ASP.NET MVC 5, I encountered an issue within my view where I am attempting to incorporate "Edit | Delete" functionality within a table. Strangely, I am able to generate a hyperlink for the Edit function, but not for the Delete function.

Within the view, this is the markup I am using:

<td id="pagefunc">
    @Html.ActionLink("Edit", "Edit", new { id = item.POC_Id }) |
    <a data-record-id="@item.POC_Id" class="js-delete delete">Delete</a>
</td>

Below is a screenshot of the section showing the edit hyperlink working, but the delete hyperlink not displaying:

https://i.sstatic.net/qyF7u.png

I am unsure of what mistake I might be making and why hovering over the delete link is not generating a hyperlink. Any insights would be appreciated.

htmljquerycssasp.net-mvc-5

Answer №1

Check out the code snippet below:

<td id="pagefunc">
    @Html.ActionLink("Edit", "Edit", new { id = item.POC_Id }) |
     <a href="@Url.Action("Delete", "Delete", new { id = item.POC_Id })" class="js-delete delete">
              <span>Delete</span>
     </a>    
</td>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the method to assign a value to ng-class in Angularjs?

I need to categorize items in a list by assigning them classes such as items-count-1, items-count-2, items-count-3, items-count-4, based on the total number of items present. This is how I would like it to appear: li(ng-repeat="area in areas", ng-class=" ...

javascripthtmlangularjs

How can I assign integer values to specific child elements after splitting them?

Below is the HTML code that needs modification: <div class="alm-filter alm-filter--meta" id="alm-filter-1" data-key="meta" data-fieldtype="checkbox" data-meta-key="Cate" data-meta-compare="IN" data-meta-type="CHAR"> <ul> <li class=" ...

javascriptjquery

Is it possible to include the contents of an .ics file and provide a link to it in HTML, all without relying on JavaScript?

The content of an .ics file is quite simple: BEGIN:VCALENDAR VERSION:2.0 PRODID:-//appsheet.com//appsheet 1.0//EN CALSCALE:GREGORIAN METHOD:PUBLISH BEGIN:VEVENT SUMMARY:Invitation from <<USEREMAIL()>> to talk about <<[MeetingTopic]>> ...

htmliostextxhtmlembed

When you hover, there is no writing cursor in sight

I'm looking for a way to display a label on an input field and have a writing cursor show up when hovering over the label. I am not interested in using a placeholder label. Do you have any simple solutions for this? See the code snippet below: JSFiddl ...

htmlcss

What is the method to make a CSS selector avoid selecting a specific element?

Let's say I have a CSS style that looks like this: input.validation-passed {border: 1px solid #00CC00; color : #000;} The JavaScript validation framework I am using injects every input tag with a class="validation-passed". While this works fine ...

javascripthtmlcss

The functionality of CSS3 animations may sometimes be unreliable following the onLoad event

Here is a snippet of code to consider: $(function() { $('#item').css({ webkitTransform: 'translate(100px, 100px)' }); }); The element I am attempting to move has the following CSS properties: transform: translate3d(0 ...

javascriptjquerycsstransform

Using VueJS to dynamically load a separate component into a Vue instance

Currently, I am working on revamping our web platform at my job. This includes migrating a significant amount of outdated JavaScript/jQuery code to VueJS. We have a "global.js" file that contains our Vue components and a "vendor.js" file that includes Vue ...

javascriptjqueryvue.jsvue-component

Looking to screen usernames that allow for the use of the DOT (.), underscore (_), and Dash (-)?

I am using jQuery to filter usernames that are exactly 3 characters long. The validation criteria includes only allowing the following special characters: ., _, and - var filter = /^[a-zA-Z0-9]+$/; Therefore: if (filter.test(currentval)) { //valid ...

javascriptjqueryhtml

Configuring JSON in PHP and JavaScript

Although I have already asked this question before, I am experiencing some issues in my code. I know that utilizing JSON is necessary and after researching multiple sources, I grasp the concept but somehow am unable to implement it correctly. Here is my co ...

phpjavascriptjqueryajaxjson

Error in the execution of the if statement within $(window).width() when it is not supposed to be

Hello everyone, I'm facing an issue with the jQuery $(window).width when using if statements. It seems that my function is still running even when the window width is smaller than 991 pixels, although my if statement specifies that it should run only ...

javascriptjquery

Is it possible for a script with ignore_user_abort(true) to be halted by using the exit() function in PHP?

I've implemented a script that begins with: ignore_user_abort(true) This script is responsible for sending out emails. The reason for using ignore_user_abort(true) is because I'm accessing the page via AJAX, and there's a possibility that t ...

phpjqueryajax

Creating a popup trigger in ReactJS to activate when the browser tab is closed

I am currently working on an enrollment form that requires customer information. If a user fills out half of the form and then attempts to close the tab, I want to trigger a popup giving them the option to save and exit or simply exit. While I have a jQue ...

javascriptjqueryreactjstypescriptecmascript-6

Attempting to display a larger version of an image sourced from miniature versions fetched with the assistance of PHP and

I'm dealing with the challenge of displaying thumbnails fetched from a database. PHP is successfully interacting with and presenting my thumbnails. I'm currently faced with the issue of passing the id from the database to the imageID in my JavaSc ...

javascriptphphtmlcss

Creating a Dynamic Clear Button for a Text Area in Angular

Working on my Angular application, I have implemented a form with a textarea element. My goal is to incorporate a clear button inside the textarea element that should: Appear only when the textarea is focused Disappear when the textarea is out of focus ( ...

javascripthtmlangulartypescriptangular-forms

Error: Cannot find definition for JQueryValidatorUI

"I am encountering the error message 'Uncaught ReferenceError: JQueryValidatorUI is not defined' while trying to use the jquery-validation-ui plugin. Additionally, I am also getting the error 'Uncaught TypeError: Object [object Object] has n ...

jquerygrails

Attempting to extract tabular information from a script function housed within a webpage

I'm attempting to extract data from a table on the following website: When using BeautifulSoup to 'find' the 'table', I encountered a NoneType error since the table appears to be generated by a script function that fetches 90 rand ...

htmlpython-3.xbeautifulsoup

The functionality of the input text field being draggable and resizable is not functioning properly

I have created a plunk where I implemented jQuery resizable and draggable on an input field of type text. However, I am facing two issues. Firstly, the draggable functionality is not working as expected. Secondly, the resizable feature only seems to work w ...

jqueryjquery-ui

Tips for synchronizing JavaScript rendering time with Python requests?

My goal is to retrieve the HTML content of a JavaScript-generated website so that I can extract information using BeautifulSoup. However, when I attempt to request the HTML, the data I receive is from before the page fully loads. Below is the code snippet ...

pythonhtmlbeautifulsouprequest

JavaScript - A simple way to retrieve the dimensions of an image consistently

I'm currently working on a piece of Jquery code that is designed to display an image fitting within the screen's dimensions. These images are generated dynamically as needed. However, I am facing an issue where the height and width of the image a ...

javascriptjquerycss

Internet Explorer fails to execute CSS or jQuery commands

Apologies in advance for posing a question that may not be specific or beneficial to the wider community. Currently, my main focus is resolving this issue for my own peace of mind. In the process of designing a website, I implemented a social drawer featu ...

jqueryhtmlinternet-explorerdebuggingcss