js中的JSON.stringify

Question

How do I get reference of the <div> id and title from a external JS by using the code below:

function recordedEvent() {    
    var v_Id = $(this).attr('Id');
    var v_Title = $(this).attr('Title');
    var o = { Title : v_Title, ObjectId : v_Id };
    alert(JSON.stringify(o));
}

The function is called in the HTML with a onclick called box1() .

Code in CplTemplateSetup.js is where I want to run the function from into the HTML:

content_left_30_four_click_images_right_70_head_content_template.html

Any help would be appreciated.

---

PS : JSON data ( zip archive )

Answer 1

Well the most obvious problem is that you don't have a closing parenthesis after your callback.. otherwise the code looks good

---

Edit

window.lastClickedBoxData = {}; // just reassign that within your function

or

window.runThisWhenClicked = function () {
    var v_Id = $(this).attr('Id');
    var v_Title = $(this).attr('Title');
    var o = { Title : v_Title, ObjectId : v_Id };
};

then just

$(".box").click(window.runThisWhenClicked);

Answer 2

I don't think that the problem that you're facing would be apparent to anyone who doesn't view your code.

You defined a function within a script tag, in the html, and called that function in the onclick attribute of the box being clicked on. To that function, this refers to the box that was clicked on. From there, you call a function within an external js document. In that function, this refers to the window object. In other words, for the code that you posted, $(this) is a jquery instance of the window object which doesn't have the attributes that you're looking for, such as id and title , so they're blank.

To see what I'm talking about open the console and add the following line of code to each of your functions:

console.log(this);

If you're having trouble doing that, the following code should work as well, but it's not as good for debugging:

alert(this);

You need all of your code to be in the html script tag or in the external document. Also, you shouldn't define the function to be called during a click event using onclick within the html. It's better to do it using javascript or jquery so that your javascript is completely separate from your html.

EDIT : You shouldn't update your question with an answer. You should edit the original question with this information so that anyone having a similar problem can find the solution. I'd have commented on the answer directly, but I don't have the reputation to do this.